In this article, you will learn how to make a Lightbox Popup Campaign.

Create a Lightbox Popup

To create a Lightbox Campaign, follow these steps:

1. From the Campaigns screen, select the Create New Campaign button.
   
2. From the modal, select Templates as the type of campaign you’d like to create.
   
3. On the next screen, select Popup as the campaign type.
   
4. You can filter, sort, and search from available Popup campaign templates.
   
5. Hover over any template in the list to Preview or Use Template to select it and open the campaign builder.
   
6. Once you’ve selected a campaign you’ll be prompted to give it a name and assign it to a site in your account.
   Select the Start Building button to create the campaign and open it in the builder to customize.
   
7. You can now configure and customize your campaign in the builder, be sure to Save the changes as you work.
   Just getting started? Follow our guide here to customize your campaign, or join a demo!

Frequently Asked Questions

Can I display my Lightbox campaign to mobile visitors?

By default, Popup campaigns are shown on all devices.

If you have a Pro or higher subscription you can configure a device Display Rule, or create a mobile-only campaign.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

In this article, you’ll learn how to create a campaign that appears only on mobile phones using one of our mobile-only templates.

Before you start, mobile-only templates will show on mobile phones by default with no option to show them on other devices.

Before you start, while mobile-only templates are designed just for mobile, you can target any other campaign to be shown on specific devices using our Device Targeting display rule.

Create Mobile-Only Campaign

When you create a campaign in OptinMonster you can optimize the design and target only mobile traffic on your site using our mobile templates.

To create a mobile-only campaign, follow these steps:

1. From the Campaigns screen, select the Create New Campaign button.
   
2. From the modal, select Templates as the type of campaign you’d like to create.
   
3. On the next screen, once you’ve selected the Campaign Type, filter the templates available using the Device: Mobile Specific (Optimized) option.
   
4. Choose the template you wish to use for your campaign and proceed with creating your campaign as usual.
5.  Your new mobile campaign will show only on mobile phones with no option to target other devices.

Convert to Mobile-Only

You can also convert any existing campaign to be mobile-only.

To convert a campaign to mobile-only, follow these steps:

1. In the campaign builder, select the Campaign Details in the bottom footer bar.
   
2. A popup modal will appear where you can enable Mobile Campaign.
   
3. Once applied, your campaign will update to appear within the bounds of a mobile phone preview in the builder, like this:
   
4. When you’re finished, Save your campaign.
5. Your campaign will now show only on mobile phones by default.

FAQs

Can I convert a mobile-only campaign back to a standard campaign?

Yes! Just follow the steps in the previous section, toggling the Mobile Campaign option off and saving the change. Please note that you may need to edit the campaign’s design to fit your needs after converting to or from mobile-only.

Do I have to have a campaign specifically for mobile traffic?

Not at all. If it better fits your workflow and goals you can instead create a standard campaign. If your campaign is not mobile-only, it will show on all devices by default and you can use the Display Rules to target the campaign to Desktop, Tablet, and/or Mobile Phone.

We typically recommend creating a separate campaign just for mobile visitors so you can better control the design on small devices and track the conversion rate specific to mobile traffic.

How do I stop my campaign for Desktop traffic from also showing on Mobile?

You can control which devices your standard campaigns appear on using the Display Rules.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Troubleshooting

Why does my campaign design look weird after I’ve converted it?

You may need to adjust the campaign design after converting to or from mobile-only. This is not necessary if you create a mobile-only campaign from the start and do not convert because the design is already optimized for small screens.

Our pre-made mobile optimized templates use a single-column layout since this is best for small screens. The campaign you wish to convert to mobile may have a template with two or more columns.

Before you convert a campaign, we recommend you add a single column to the campaign, move all content within that column, and remove the previous multi-column block before proceeding.

This will ensure there is no unexpected whitespace above, below, or between elements in your campaign once converted to mobile-only.

Why is my campaign not showing in Safari’s private browsing mode?

If your campaign is not showing in Safari’s private browsing mode and your site has the OptinMonster embed code loaded via Google Tag Manager (GTM), it is likely due to Apple’s new Advanced Tracking and Fingerprinting Protection, which is enabled by default in Safari’s private browsing mode on iOS 17.

This protection appears to block Google Tag Manager, preventing the OptinMonster embed script from loading and causing campaigns to fail to display. You can Reduce Protections in a private browsing tab, and your OptinMonster campaigns should appear as Google Tag Manager is unblocked.

To avoid this issue, we recommend adding your OptinMonster global embed code directly to your site. This approach bypasses Safari’s privacy restrictions entirely and ensures campaigns will load, even when the default protections are enabled.

In this article, you’ll learn how to create a Fullscreen campaign with OptinMonster.

Create Campaign

When you create a campaign in OptinMonster you can choose to design it as a Fullscreen type campaign.

To create a Fullscreen campaign, follow these steps:

1. From the Campaigns screen, select the Create New Campaign button.
   
2. From the modal, select Templates as the type of campaign you’d like to create.
   
3. On the next screen, select Fullscreen as the campaign type.
   
4. You can filter, sort, and search from available Fullscreen campaign templates.
   
5. Hover over any template in the list to Preview or Use Template to select it and open the campaign builder.
   
6. Once you’ve selected a campaign you’ll be prompted to give it a name and assign it to a site in your account.
   Select the Start Building button to create the campaign and open it in the builder to customize.
   
7. You can now configure and customize your campaign in the builder, be sure to Save the changes as you work.

Close on Background Click

To close the campaign when the background is selected, follow these steps:

1. Navigate to the Display Rules screen.
   
2. Select a Ruleset to edit.
3. Toggle the Actions tab from the bottom of the screen and configure the Close on background click setting.
   
4. When you’re finished, Save the campaign.

Fullscreen Welcome Mat

To enable the Fullscreen campaign to slide down from the top of the screen as a welcome mat, follow these steps:

1. Navigate to the Display Rules screen.
   
2. Select a Ruleset to edit.
3. Toggle the Actions tab from the bottom of the screen and configure the Display a page slide setting.
   
4. When you’re finished, Save the campaign.

FAQs

Can I display my Fullscreen campaign to mobile visitors?

By default, your Fullscreen campaign will show on all devices.

If you have a Pro or higher subscription you can control which devices it appears on using the device Display Rule, or create a mobile-only campaign.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

In this article, you will learn how to create a Floating Bar campaign.

Create a Floating Bar Campaign

To create a Floating Bar campaign, follow these steps:

1. From the Campaigns screen, select the Create New Campaign button.
   
2. From the modal, select Templates as the type of campaign you’d like to create.
   
3. On the next screen, select Floating Bar as the campaign type.
   
4. You can filter, sort, and search from available Floating Bar campaign templates.
   
5. Hover over any template in the list to Preview or Use Template to select it and open the campaign builder.
   
6. Once you’ve selected a campaign you’ll be prompted to give it a name and assign it to a site in your account.
   Select the Start Building button to create the campaign and open it in the builder to customize.
   
7. You can now configure and customize your campaign in the builder, be sure to Save the changes as you work.
   Just getting started? Follow our guide here to customize your campaign, or join a demo!

Frequently Asked Questions

Can I reposition the Floating Bar campaign?

Yes, follow our guide here to reposition the Floating Bar campaign.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Troubleshooting

My Floating Bar campaign is sitting on top of the header / navigation of my site instead of pushing it down.

The default behavior for the Floating Bar campaign is to push the page content down when the campaign is positioned at the top of the browser.

If you’re seeing the Floating Bar overlay your page content instead of at the top, it’s likely that your site’s theme or styling is interfering with the natural behavior of the campaign. For example, if your site has a sticky header or navigation bar this can result in the campaign overlaying that sticky header or navigation bar.

This can be addressed by adding the following Javascript code directly to your site. Be sure to update the code as mentioned in the comments:

How To Prevent the Floating Bar from Scrolling Down along with Scrolling Webpage

Just add this CSS snippet to the campaign to achieve this:

In this article, you’ll learn how to create a Slide-In campaign.

Before You Begin

Here are some things to know before you begin:

• Because Slide-in campaigns are permanently attached to the bottom of the screen, we recommend hiding them on small screens like mobile phones and instead, show a mobile-only popup campaign to your mobile website traffic.

Create Slide-In Campaign

A Slide-In campaign scrolls up from the bottom right corner of the page, offering a subtler offer to your visitors. Slide-In campaigns are often used to redirect visitors to related content, prompting visitors to subscribe to a newsletter, or offering a discount.

To create a Slide-In campaign, follow these steps:

1. From the Campaigns screen, select the Create New Campaign button.
   
2. From the modal, select Templates as the type of campaign you’d like to create.
   
3. On the next screen, select Slide-in as the campaign type.
   
4. You can filter, sort, and search from available Slide-in campaign templates.
   
5. Hover over any template in the list to Preview or Use Template to select it and open the campaign builder.
   
6. Once you’ve selected a campaign you’ll be prompted to give it a name and assign it to a site in your account.
   Select the Start Building button to create the campaign and open it in the builder to customize.
   
7. You can now configure and customize your campaign in the builder, be sure to Save the changes as you work.
   Just getting started? Follow our guide here to customize your campaign, or join a demo!

Frequently Asked Questions

Can I control if the campaign is minimized when closed?

Yes! If you would like your Slide-In campaign to minimize instead of close completely when the Close button is clicked, you can follow our documentation on activating your Slide-In campaign’s minimized state.

Can I reposition the Slide-in?

Yes, follow our guide here to reposition the Slide-in campaign to a different area of the screen.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Troubleshooting

I’m having trouble closing my Slide-In campaign on mobile devices.

Visitors may have difficulty accessing the close button on a Slide-In campaign if the content in the campaign causes the campaign to be taller than the available screen space. This is because Slide-In campaigns are always anchored to the bottom of the browser screen, rather than floating in the middle of the screen like a popup campaign.

If this is happening with your Slide-In campaign, we recommend adding the “Visitor’s Device” Display Rule to exclude showing the campaign on mobile devices. Then, use a Mobile Optimized Popup which can be scrolled to view all content if needed.

In this article, you’ll learn how to create an Inline campaign.

Before You Start

Here are some things to know before you begin:

• Inline campaigns must be embedded within the page content where you want them to appear. They will not automatically appear on your site without this step. See our guide for embedding Inline campaigns.

Create Inline Campaign

To create an Inline campaign, follow these steps:

1. From the Campaigns screen, select the Create New Campaign button.
   
2. From the modal, select Templates as the type of campaign you’d like to create.
   
3. On the next screen, select Inline as the campaign type.
   
4. You can filter, sort, and search from available Inline campaign templates.
   
5. Hover over any template in the list to Preview or Use Template to select it and open the campaign builder.
   
6. Once you’ve selected a campaign you’ll be prompted to give it a name and assign it to a site in your account.
   Select the Start Building button to create the campaign and open it in the builder to customize.
   
7. You can now configure and customize your campaign in the builder, be sure to Save the changes as you work.
   Just getting started? Follow our guide here to customize your campaign, or join a demo!

Frequently Asked Questions

How are Impressions (Visitors) counted for Inline campaigns in my analytics reports?

An Inline campaign’s impression is counted when the campaign visually appears within the browser window to your visitor.

If the campaign is placed below the fold of your site the visitor will need to scroll the campaign into view before an impression is counted.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Troubleshooting

I’ve added the OptinMonster Global Embed code to my site but my Inline campaign isn’t showing up.

You’ll want to be sure to place the Inline campaign’s embed code directly within your page content where it should appear to your visitors. This is required even if you’ve already added the Global Embed Code to your site.

Follow our guide for embedding Inline campaigns on your site.

Why does my Inline campaign’s design appear squished on the page?

Inline campaigns will automatically stretch to fit the width of the content area they are embedded within.

If you’re embedding the campaign within a narrower block of content on your site than the campaign appears in the builder it can cause significant visual differences between the two views.

We recommend you adjust the max-width of the campaign in the builder to more closely resemble the size of the block you will be embedding the campaign in on your site. This will make it easier to adjust the design to fit how it will appear on your site.

Why am I missing some Display Rules for my Inline campaign?

Inline campaigns will visually appear when the page is loaded and cannot be configured to use conditions like Time Delay, Scroll Percentage, Exit-Intent, InactivitySensor or MonsterLink to trigger their appearance. Those options will not be available when setting the Display Rules for your Inline campaign.

In this article, you’ll learn how to create a sidebar widget campaign in WordPress with OptinMonster.

Before You Start

Here are some things to know before you begin:

• This guide assumes you’ve already created an Inline campaign and you’re ready to use it as a widget.

Add Sidebar Widget Campaign

Sidebar widget campaigns are a great way to increase conversions throughout your site, particularly on your blog.

To create a sidebar widget campaign, follow these steps:

1. Follow our guide to create an Inline type campaign.
2. Follow the WordPress Widget section of our guide to add the campaign to your site.

Frequently Asked Questions

How do I control where my sidebar widget campaign appears in WordPress?

We recommend using a plugin, like one of the following, to control where the OptinMonster widget appears on your site:

• Dynamic Widgets
• Widget Logic

I would like to add a sidebar campaign to my site but I’m not using WordPress.

You can still create an Inline campaign and manually add the embed code to the sidebar area of your non-WordPress site where you would like it to appear.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Troubleshooting

My campaign looks bad and is squished when I view it on my site, why?

Our Inline campaigns can be embedded in many different content areas of your site. If you’ve embedded the campaign in a content area with a very narrow width, like the sidebar of a page, you may need to adjust the design to better fit the content area it will appear in.

In the campaign builder, you can adjust the max-container width to more closely match the width of the content area you’re planning to show the campaign in on your site. This will make it easier to customize the appearance to match how it will appear on your site.

Follow our guide to edit the campaign width.

In this article, you’ll learn how to create a gamified coupon wheel campaign.

Create Gamified Campaign

To create a gamified coupon wheel campaign, follow these steps:

1. From the Campaigns screen, select the Create New Campaign button.
   
2. From the modal, select Templates as the type of campaign you’d like to create.
   
3. On the next screen, choose Gamified as the campaign type to view available templates.
   
4. You can filter, sort, and search from available Gamified campaign templates.
   
5. Hover over any template in the list to Preview it or Use Template to select it and open the campaign builder.
   
6. Once you’ve selected a campaign, you’ll be prompted to give it a name and assign it to a site in your account.
   Select the Start Building button to create the campaign and open it in the builder to customize.
   
7. You can now configure and customize your campaign in the builder, be sure to Save the changes as you work.
   Just getting started? Follow our guide here to customize your campaign, or join a demo!

Edit Wheel Sections

To edit wheel sections in OptinMonster wheel campaigns, you can follow these steps:

1. Click on the “Wheel” block in the campaign builder to access the wheel editor and click on ‘Customize Wheel Section’ button from the right sidebar.
   
2. Make changes in the ‘Edit Wheel Sections’ screen as needed.
   You will see that you have multiple choices available to you, which you can adjust. These include:Can Win – This allows you to deactivate options that cannot be won, which is helpful if you have a product that has recently run out of stock and you need to substitute it. You can also turn off options such as “spin again” or “not this time” to ensure that all your participants win a prize.
   Win Chance – This displays the probability of your customer winning a specific prize based on the number of winning options available.
   Label – This refers to the name of the prize that will appear on your spinning wheel.
   Coupon Code – This is the coupon code the user will receive once they win a particular prize.
3. Once done, be sure to Save the campaign changes.

FAQs

How can I create a spin-to-win campaign without capturing the email address?

The default configuration will require an email address be captured to spin the wheel in your gamified campaign. To spin the wheel without capturing any lead data, follow these steps:

1. In the campaign builder, navigate to the Integrations view and confirm there are no Integrations present. If there are any, delete those now.
   
2. Next, return to the Design view of the campaign builder and select the email field in your design to edit it.
3. Toggle the eye icon option off, so the field will be hidden.
   
4. Next, add a dummy email address in the Default Value field.
   1. We Recommend: you use the following sample email address with the Smart Tag {{visit_timestamp}}, like this: youremail{{visit_timestamp}}@dummy.com
      By using a Smart Tag to capture the unique timestamp for each entry you’ll receive an entry for each submission indicating which coupon code was won, if you would like to know how often each coupon has been awarded.
5. When you’re finished, Save the campaign.
6. The wheel will now spin when the button is selected without requiring the visitor enter their email address.

Can I use a Custom HTML integration to spin the wheel?

No, at this time, the campaign’s wheel can only be triggered to spin when using one of our native Integrations.

Is the winning Coupon Code sent to my Email Service Provider?

The winning coupon code is sent along with the lead data to the following platforms when using our native integration:

• HubSpot
• Drip
• Klaviyo
• Webhook
• ActiveCampaign
• Mailchimp
• DotDigital
• Constant Contact
• Salesforce Pardot
• Monster Leads

If you don’t see your Email Service Provider listed and would like to request this addition, please reach out to our customer support team for assistance.

Can I add a Coupon Wheel separately to any other campaign or type?

It’s impossible to manually add a coupon wheel element to a campaign that doesn’t already contain one.

However, if you’d like to create a coupon wheel campaign of a different campaign type (for example, a Floating Bar), you can change the campaign type once you’ve created the coupon wheel campaign.

Can I completely remove sections of the wheel, so they are not visibly displayed?

At this time, it’s not possible to entirely remove sections of the wheel.

You can disable sections so they will not be landed on. They will still be a visible part of the design, so we recommend you customize the text and design accordingly.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

In this article, you’ll learn how to use Playbooks to create ready-to-use campaigns in OptinMonster.

Before You Start

Here are some things to know before you begin:

• Playbooks are available for all subscription plans. If your subscription doesn’t include the powerful rules used in a suggested Playbook, we’ll automatically replace those rules with the best option available to you, or learn more about upgrading your account here.

Create Playbook In-App

To create a ready-to-use campaign from a Playbook from your OptinMonster account, follow these steps:

1. Log into your OptinMonster account here.
2. From the Campaigns screen, select the Create New Campaign button.
   
3. From the modal, select Playbooks as the type of campaign you’d like to create.
   
4. On the next screen, you can filter, sort, and search from available Playbooks.
   
5. Hover over any Playbook in the list to Preview or Use Playbook to select it and open the campaign builder.
   
6. Each Playbook includes Notes to help you complete the configuration process. To view notes select the Campaign Details from the footer and you’ll find the notes in the popup modal that appears.
   
   
7. When you’re finished, Save your campaign.

Create Playbook In WordPress

To create a ready-to-use campaign from a Playbook from the OptinMonster WordPress plugin, follow these steps:

1. Make sure you have version 2.12.1 of the OptinMonster WordPress plugin installed on your website. Earlier versions of the plugin do not allow you to create Playbook campaigns directly from the WordPress admin.
2. Next, navigate to the WordPress admin > OptinMonster > Playbooks page.
   
3. Hovering over a Playbook item will give you the option to Preview or Use Playbook.
   
4. When you select Use Playbook a modal will open for you to name the new campaign you are creating. Give your new campaign a unique name, then select the Start Building button.
   
5. The new Playbook campaign you’ve created will be opened in the campaign builder for you to personalize. 
   
6. Every Playbook campaign includes notes indicating the settings we recommend you update. These notes are unique to the specific Playbook you’ve chosen and can be found by selecting the Edit Campaign Details option in the lower right-hand corner of the campaign builder.
   
7. In the modal, you’ll see these recommendations in the Campaign Notes field.
   

FAQs

What happens if you choose a Playbook that uses features not available in your subscription plan?

If your subscription doesn’t include the powerful rules used in a suggested Playbook, we’ll automatically replace those rules with the best option available to you.

If you’d like to upgrade your account to access the intended features of the Playbook you can upgrade by following our guide here.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

In this article, you’ll learn how to create a custom campaign design using the Canvas template.

Create a Canvas Campaign

To create a custom campaign using the Canvas template, follow these steps:

1. From the Campaigns screen, select the Create New Campaign button.
   
2. From the modal, select Templates as the type of campaign you’d like to create.
   
3. Next, select the Campaign Type for your new Canvas campaign.
   
4. Once you’ve selected a campaign you’ll be prompted to give it a name and assign it to a site in your account.
   Select the Start Building button to create the campaign and open it in the builder to customize.
   
5. Your Canvas campaign will open in the campaign builder with two default elements; an image block and a text block.
   You can delete one or both by selecting the trash icons for each, or if you’d like to use them in your design you can edit their configuration.
   
6. Drag additional blocks into place to further design your custom campaign.
   
7. Be sure to Save the changes to your campaign as you work.
   Just getting started? Follow our guide here to customize your campaign, or join a demo!

Frequently Asked Questions

How can I use a native Integration in Canvas to collect email leads?

You can add the Optin Fields element to your Canvas campaign and then configure the native integration in the Integrations view.

How do I add a custom form to my Canvas campaign?

To add a custom HTML form to a Canvas campaign, add the Optin Fields element to your campaign. Then follow our Custom HTML guide.

What Campaign Types are available to create a Canvas campaign with?

All Campaign Types support Canvas.

Can I only use the Canvas template to collect emails?

You can use the Canvas template for any goal you have! Build your email list, display special coupons, use in eCommerce applications, redirect to related products, display a Facebook “Like” box, or show anything else that you can code or embed.

Check out our blog post where we show you 9 Creative Ways you can use OptinMonster’s Canvas template.

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!