ConvertedU Marketing Library Webinar Blog

Need help? You've come to the right place

What's New Getting Started Building Integrating Publishing

Publish Leadboxes to WordPress

While you can publish Leadboxes to any webpage that accepts JavaScript and HTML, if you run your site through WordPress you can use our plugin to easily publish Leadboxes.


The fine print

  • This only works with our standalone Leadboxes—not Leadboxes that are attached to a Leadpage. To learn more, check out Creating a Leadbox.
  • Some Leadbox publishing methods below require our Leadpages WordPress plugin. If you haven’t installed the plugin yet (or are using a version below 2.1) you can follow our installation instructions here
  • For an overview of Leadboxes (and the different types you can use), see How Leadboxes Work.

Button, text link, and image Leadboxes

Copy+Paste method

All standalone Leadboxes can be published via the HTML code produced in the Publishing Options of the Leadbox, accessible either in the builder or from the Leadboxes dashboard under the actions menu more. This method does not require our WordPress plugin. Learn more on where to find your Leadbox code.

WordPress 5.0

WordPress 5.0 is WordPress' newest editor, which gives users the ability to edit their posts by using blocks to arrange content.

Once you've got your Leadbox code, when editing your post or page (or creating a new one) in WordPress 5.0, add a Custom HTML block where you'd like the Leadbox to show up on your page (if it's a timed popup or exit intent Leadbox, it doesn't matter where you place the block on your page).

Once that block has been added to your WordPress page or post, paste your Leadbox code into the HTML code block.

WordPress Classic Editor

WordPress Classic Editor is WordPress' legacy editor and will be supported by them until 2021. If you're running a version of WordPress prior to 5.0, you're likely using the Classic Editor.

Once you've got your Leadbox code, while editing your post or page (or creating a new one) in WordPress, be sure to switch over to the Text editor, which will allow you to paste in HTML. Then, paste in the code for your Leadbox where you want it to appear in your post, as shown below.

Adding Leadboxes to WordPress widgets

In order to add a Leadbox to a WordPress widget, you'll want to have your Leadbox publishing code handy, either as a plain text link, button, or image Leadbox. Learn more here on how to access that code here.

Step-by-step adding a Leadbox to a widget

  1. Copy your entire Leadbox publishing code, then navigate to Widgets under Appearance on the left-hand sidebar of your WordPress editor.
  2. Select a Text widget, then make sure you're in the Text tab of the widget editor. 
  3. Paste the Leadbox code and Save your widget.

Standard Leadbox shortcodes

NOTE: Only Standard Leadboxes are available as shortcodes at this time and you must have the Leadpages WordPress plugin installed. To publish Drag & Drop Leadboxes, you’ll need to copy and paste your code, as described here.

Here’s how to use Leadbox shortcodes:

  1. Create a new page/post, or edit an existing one. 
  2. In the Visual editor, position your cursor wherever you’d like your Leadbox, such as at the end of your post. 
  3. Click the Leadboxes drop-down menu icon and select your desired Leadbox. 

You’ll see some code appear in your post that looks something like this:

[leadpages_leadbox leadbox_id=00xx00x0000] [/leadpages_leadbox]

Repeat the steps above to add as many Leadboxes as you’d like to your post. 

Your Leadbox will use whatever publishing settings are currently saved within Leadpages. To publish a button or image Leadbox using our shortcodes, simply adjust your publishing settings within Leadpages and save them.

WARNING: When you make changes to your Leadbox’s publishing options within Leadpages, updates will automatically be reflected in WordPress when using the plugin. To publish different styles of the same Leadbox (e.g. as a button on one page and text link on another) we recommend duplicating the Leadbox and adjusting publishing styles independently. 

Timed and exit Leadboxes

Our plugin allows you to publish timed or exit Leadboxes globally to your site—so all your pages can instantly call visitors to action. You can also publish timed and exit Leadboxes to individual pages. Follow the steps below to learn how. 

Configuring your publishing options

To publish a timed popup or an exit Leadbox to WordPress, you’ll first need to configure and save those settings in Leadpages. Click Publish Options from your Leadbox’s action menu, then choose your desired options from the popup, as seen below. 

Global timed and exit Leadboxes

Here’s how you can publish timed/exit Leadboxes globally to your WordPress site:

  1. Click Leadboxes in your WordPress Dashboard’s sidebar.
  2. Select your Leadbox from the timed, exit, or both sections. If you don’t see your Leadbox, check to ensure you’ve set timed or exit options within Leadpages, then click the refresh button. 
  3. Decide if you want your Leadbox to appear on all pages, posts only, or pages only. Note that only one global timed or exit Leadbox can be active at a time.
  4. Click Save to finish.
NOTE: To use a Drag & Drop Leadbox, you’ll need to select the “Paste Drag & Drop Leadbox” option, and paste in your Leadbox’s code as described in our article: Publishing Your Leadboxes

If you want a different Leadbox to show up (or none at all) on a particular page, you can use the page-specific publishing options. 

Page-specific timed and exit Leadboxes

To publish page-specific timed and exit Leadboxes, use the Leadbox widget when editing your page. 

  1. Create (or edit) a page or post in WordPress.
  2. In the sidebar, select your timed and/or exit Leadbox from the Page Specific Leadbox panel.

When you publish or update your page, your timed/exit Leadbox will be there. You can also use a global Leadbox if you’ve set one up, or select “None” to prevent any timed/exit Leadboxes from appearing on your page. 

At this time, only Standard timed and exit Leadboxes are available from page-specific drop-downs. You can publish Drag & Drop Leadboxes following our guide here: Publishing Your Leadboxes.


Frequently asked questions

Why does my Leadbox appear in a new window at a Leadpages URL on mobile?

Leadboxes on mobile automatically open in a new page in order to support the widest variety of mobile devices possible—so you don’t miss out on opt-ins from visitors using older devices. 

Why doesn’t my timed or exit Leadbox show up on mobile?

Exit and timed popups are not disabled on mobile. One reason is to ensure your site’s SEO isn’t negatively affected by Leadboxes—Google and other search engines may boost sites’ search rankings that avoid using timed popups on mobile. 

How can I add a timed or exit Leadbox to a Leadpage?

Since Leadpages aren’t quite the same as normal WordPress pages, the Leadbox plugin does not interact with them. Instead, you can add your exit or timed Leadbox HTML code to your page’s tracking code head section. See our guide here for instructions. 

(Updated December 11, 2018)

Please let us know if you have additional questions.

You can always file a support ticket if you have additional questions by clicking the Support button in your dashboard shown here or clicking here to file a support ticket.

Was this article helpful?
Powered by Zendesk