Skip to main content

How to Integrate Deadline Funnel and WordPress

Anton avatar
Written by Anton
Updated this week

Getting Started

In this guide, we'll show you how to add a Deadline Funnel timer to your Wordpress page.

This process involves 3 steps:


Introduction

Deadline Funnel default behavior

The default behavior in Deadline Funnel is to always show a deadline on the page.

  • If the visitor has already been tracked by Deadline Funnel, then we'll show their existing deadline.

  • If they haven't been tracked yet, Deadline Funnel will start tracking them via their IP address/cookie and display a new deadline for that user.


Create your Deadline Funnel campaign

You will need to create your first campaign before you can add your timer to a Wordpress page.

Once you've created your Deadline Funnel campaign, you can follow the steps below to integrate with Wordpress.

We're here to help!

Send us a message (bottom-right corner of the screen) Monday - Friday, 9am-5pm PT. Or you can shoot us an email any time at help@deadlinefunnel.com. πŸ™‚


Adding Your Tracking Code to Wordpress

There are three different ways that you can add the Tracking Code to Wordpress.

  1. WPCode plugin - This offers the simplest way to incorporate Deadline Funnel into your Wordpress pages.

  2. Manually add the Deadline Funnel Tracking Code to your Wordpress pages.

  3. Google Tag Manager - Follow this guide if you already have GTM integrated with your Wordpress site.

Method 1: WPCode plugin

This is how to add a floating bar to your WordPress page using the WPCode plugin.
​

1. Click on Tracking Code in the top menu:
​


2. Copy the webhook:
​


3. Open WordPress, search for WPCode, and install the plugin:
​


4. Once you have installed and activated the plugin, open Code Snippets:
​


5. Click on Add New:
​


6. Click on Add Custom Snippet:
​


7. Select HTML Snippet:
​


8. Give your Snippet a name; in our example, we have written Deadline Funnel. Then, paste the webhook (from Step 2) into the Code preview:
​

9. Scroll down and select Auto Insert and Site Wide Header:
​


10. Make sure the snippet is set to Active, and then click on Update:
​


11. Visit your page, and you should now see the floating bar:
​


That's it! You have now integrated Deadline Funnel with your WordPress website.
​
The floating bar will now appear on any page that you add to your Deadline Funnel campaign.


Method 2: Manually add Code

Start by copying the tracking code from "Tracking Code" in the top blue bar of your Deadline Funnel admin:

Now head to your WordPress page that you want to use in your campaign and add the tracking code to the header or body section of the page:

Important Note:

The method and place where you manually add the tracking code might differ depending on the page builder or theme that you use.

Now you're ready to add a Floating Bar, Inline timer, or Portal to your page.


Method 3: Use Google Tag Manager (GTM)

If you already have GTM (Google Tag Manager) integrated with your WordPress website, you can follow this doc to add the tracking code to GTM:

Once you've followed that guide, return to this one and you're ready to add a Floating Bar, Inline timer, or Portal to your page.


Add a Floating Bar

1. After you've added the tracking code to your page (and if you haven't yet, start here), you're ready to add the timer. Return to your Wordpress page and click to view it so you can get the correct URL to add in Deadline Funnel.

2. Navigate to 'Pages' in your Deadline Funnel admin. Click 'Add new page' and add the URL of your WordPress page, select 'Display Floating Bar', add the URL where you want the page to redirect when the deadline expires, then click 'Save':

3. Once you hit save, the countdown will appear on your page. Here's an example of what the Floating Bar looks like:

If you want to customize the look of your Floating Bar Timer, check out this guide here.


Add an Inline Timer

1. After you've added the tracking code to your page (and if you haven't yet, start here), you're ready to add the timer. Return to your Wordpress page and click to view it so you can get the correct URL to add in Deadline Funnel.

2. Navigate to 'Pages' in your Deadline Funnel admin. Click 'Add new page' and add the URL of your WordPress page, select 'Display Inline Timer', add the URL where you want the page to redirect when the deadline expires, then click 'Save':

3. There are two different codes you can use at this point to add the Inline timer to your page. The first can be found in the Page settings, we call this the Inline Code Snippet:

4. Or you can use the Inline Shortcode instead. That can be found under Your Account > Advanced > Code Snippets:

5. Either code will work, but you will only need one or the other, not both.

6. Paste whichever code you choose into your WordPress page wherever you want your inline countdown to appear and update your WordPress page:

7. Your inline countdown timer will now appear on the page:

If you want to customize the look of your Inline Timer, check out this guide here.


Add Portal

1. After you've added the tracking code to your page (and if you haven't yet, start here), you're ready to add the timer. Return to your Wordpress page and click to view it so you can get the correct URL to add in Deadline Funnel.

2. Navigate to 'Pages' in your Deadline Funnel admin. Click 'Add new page' and add the URL of your WordPress page, select 'Display Portal', add the URL where you want the page to redirect when the deadline expires, then click 'Save':

3. Once you hit save, Portal will appear on your page. Here's an example of what it will look like:

If you want to customize your Portal, check out this guide here.


If you have any questions, please let us know at help@deadlinefunnel.com or in our live chat at the bottom right of your screen

Did this answer your question?