Widgets are how you display questions or offers from CTA Funnel visitor journeys to your website.
We provide a number of widget types, along with different widget themes, that you can use to start with. Each widget can also be further configured to match your brand.
RightMessage includes a number of different widget types:
This widget will add a bar to either the top or bottom of your website.
This widget will add a “toaster” that pops up (see what we did there?) from the bottom-right or bottom-left of your website.
This widget will replace existing a placeholder on your website.
The embedded widget is special. Unlike the rest of our widgets, we aren’t just overlaying this widget on top of your existing content – instead, it’s mixed in to your website’s content. This makes it great for things like adding offers or opt-in forms directly beneath each of your blog posts.
When creating an embedded widget, in the
Where to display field enter in an internal name for this widget (no spaces or weird characters, please!) This will give you HTML like
<div class="rm-area-after-blog-post"></div> that you can then add anywhere to your website. When found, we’ll add the current question or offer inside.
If you’re using our WordPress plugin, we can optionally automatically add an embedded widget after your posts.
This widget will take over the entire web page and display a question or an offer.
This is useful for setting up dedicated pages that are used to segment visitors. Spin up a new page (what’s on it doesn’t matter), and then target a full-screen takeover to show on just this page. Now just drive your email list to this page.
Popups can be triggered manually (i.e. by clicking a button), as an exit popup, or immediately when the page has loaded.
Some themes – specifically, embedded, full-screen takeovers, and popups – can include a theme. These widgets can show images associated with offers, and the theme selected determines how a particular offer is presented.
Depending on the widget, there are various trigger options that can be attached to a widget.
These often include scroll percents, time on site, exit intent, and so on.
Here you can set up whitelists and blacklists of pages that this widget should (or should not) appear on.
The values for each can also include a wildcard (
/blog/* added to
Only show this widget on specific pages would cause the widget to only appear on your blog.
You probably don’t want our popups or widgets to show on things like your checkout pages or internal pages (i.e.
Don’t forget to configure your widgets to ignore these key pages.
You can also configure whether a widget should ask questions, and – if so – how many it should ask.
From the style tab, you can also the fonts and colors of your widgets.
A RightMessage widget will either inherit the current font (as determine by your page’s CSS) or you can specificy a Google Font that we should load and use for this widget.
You can also set the various colors used for a widget:
FFFFFF00 for the Hex color.
If you’ve already created another widget with a specific set of colors, click the icon to the right of the “Color palette” text to clone color settings from that widget.
Additionally, you can totally customize a widget using CSS. Here’s a guide we’ve put together on how to do this.
When editing a widget, you’ll see a preview of how this widget will render the various question and offer nodes you’ve added to the CTA Funnel.
To do this, toggle between the nodes you’ve added to your funnel (using the “Preview…” dropdown.)
On the “Details” tab, you can rename a widget or disable it.
If you do disable it, note that a CTA Funnel will only ever “show” to visitors if at least one widget is both enabled and available on the pages they’re viewing!
Any changes you make in RightMessage – including changes to CTA Funnels – won’t actually go live on your website until you click “Publish to your website”.
For more information on how this all works, check out our section on publishing.