Select Page

Postcard Retargeting
Tag Placement Instructions

Follow these instructions to add the Modern iO tag to your website

Select your websites platform to begin.

Adding Modern iO code to WordPress

The tracking code for Modern iO must be placed in the <head> section of your website. In WordPress, there are multiple ways to accomplish this. Here are the methods we found to work the best.

Method 1: Adding code through your WordPress Theme

Every WordPress theme is different. It is the overall design of your website, and each one has its own set of options and customizations. Many times the Theme Options will include an area to add code to the <head> section of your website. Check to see if this is available on your website. You may need to refer to your Theme’s documentation to find out if this is available.

 

Method 2: Use a Plugin

A plugin is a simple way to add the Modern iO code to your website. It should work whether or not your theme has the option to add <head> code in.

  1. Once signed into your WordPress website, go to Plugins and click Add New.
    Modern iO WordPress Instructions - Image 1
  2. We Recommend Using the plugin Head, Footer and Post Injections by Stefano Lissa.
    Modern iO has no affiliation with this plugin or author. If you have another plugin already that you would prefer to use, that should be okay, as there are many alternatives.
    We have found this one easy to use and it works well.
  3. Use the search terms “Head, Footer” and press Enter/Return on your keyboard to search.
    Modern iO WordPress Instructions - Image
  4. Click Install Now to the plugin called “Head, Footer and Post Injections”
     
  5. Go to Plugins and Activate your newly installed plugin.
    Modern iO WordPress Instructions - Image 3

  6. Go to Settings and click Header and Footer
    Modern iO WordPress Instructions - Image 4

  7. In the first tab named Head and footer, insert your code into the first text box.
    This will add the Modern iO code to every page of your website.
    Modern iO WordPress Instructions - Image 5
  8. Scroll to the bottom of the page and click Save.
    Modern iO WordPress Instructions - Image 6
  9. That’s it! Modern iO will start identifying your visitors to create leads and opportunities from your web traffic.

Adding Modern iO code to WIX

The tracking code for Modern iO must be placed in the <head> section of your website. Your WIX powered website has this option built in. 

  1. Once signed into your WIX website, go to the Dashboard.
    Modern iO Tag Instructions for WIX - Image 1
  2. Click the Site Actions button for the website you want to add the code to. Then click Edit Site.
    Modern iO Tag Instructions for WIX - Image 2
  3. From the top menu, click Settings and then Tracking & Analytics.
    Modern iO Tag Instructions for WIX - Image 3
  4. Click </> Custom. The same link is listed in two locations.
    Modern iO Tag Instructions for WIX - Image 4
  5. Add the Modern iO code into the area provided. Click Apply.
    Modern iO Tag Instructions for WIX - Image 5
  6. Verify that the code has been added and is turned on.
    Modern iO Tag Instructions for WIX - Image 6
  7. That’s it! Modern iO will start identifying your visitors to create leads and opportunities from your web traffic.

Adding Modern iO code to SquareSpace

The tracking code for Modern iO must be placed in the <head> section of your website. In SquareSpace, this feature is available in all Business and Commercial plans as well as Legacy Personal Plans (no longer available to new subscribers). Code cannot be added to new Personal Plans. 

Once you get the tracking code from Modern iO, log into your SquareSpace account.

  1. Click the Home Menu

  2. Navigate to Settings, click Advanced and then click Code Injection
    Modern iO - Tag Instructions for SquareSpace - Image 1

  3. Paste your Modern iO code into the Header
    Modern iO - Tag Instructions for SquareSpace - Image 2
  4. Click Save.
  5. That’s it!
    Modern iO will start identifying your visitors to create leads and opportunities from your web traffic.

Adding Modern iO code to Shopify

Method 1: Adding code to your Shopify Theme

Every Shopify theme is different. You can refer to your specific Shopify theme documentation to see if there is a way to inject code into the theme’s header or footer. This is the advanced method. 

 

Method 2: Custom Plugin / Application

Shopify offers a custom App that makes adding code to the <head> section of your site a breeze. This is what the majority of our Shopify customers use and is the preferred method. 
This app cost $1.50 a month and is not created by, or affiliated with Modern iO.

Add <Head> Code by Orbis Labs

Modern iO Tag Placement Instructions for Shopify

 

Once you add the App to your store, you can paste in the Modern iO Tag and begin retargeting website visitors with Direct Mail!

Adding Modern iO code to Magento

A single line of code must be added to your website before we can re-target visitors. This code is placed in the <head> section of your website. The Magento eCommerce platform has a built in method to add this code, which only takes a couple of minutes.  Note: This requires you to be on the Magento 2 platform. Magento 1 requires a theme edit.

Once we send you your unique Modern iO code, log into your Magento account.

Navigate to the Admin Panel, then select Content > Configuration
Magento Instructions

This will list your Store Views.
Depending on your configuration, you may have to edit one or several stores.
Select Edit on Store View(s) you want to place code on.

Magento Instructions 2

In each Store View, expand the section HTML Head, and locate the section Scripts and Style Sheets.
Paste in the Modern iO code after any code that may already be present.
Save Configuration

Magento Instructions 3

It’s now recommended to flush your cache to make sure the code shows up.

Go to the Admin Panel
Then select System > Cache Management (under the Tools sub heading)

Press the orange Flush Magento Cache button.

That’s it! Let us know this has been added and we will verify that your Magento site is now ready to re-target visitors.

Adding Modern iO code to InstaPage

The tag for Modern iO must be integrated into your website before it can start collecting data. The Instapage platform makes this fairly easy and has a built in area for adding the tracking code.

Once you get the tracking code from Modern iO, log on to your InstaPage account.

  1. From the Dashboard, select Pages
  2. Open up the page you want to add the tag too. If you want this on multiple pages, you will have to repeat these steps for each page.
    Instapage Instructions 1
  3. Once the page is open, select “Scripts & GDPR” from the left navigation
    InstaPage Instructions 2
  4. Add your unique Modern iO Tracking code to the FOOTER section and hit SAVE and then UPDATE.
    InstaPage Instructions 3
  5. That’s it!
    Modern iO will start identifying your visitors to create leads and opportunities from your web traffic.

Adding Modern iO code to Google Tag Manager

Login: to Google Tag Manager, or set up an account if needed.
Overview Section: go to overview on the left hand side bar.
New Tag: click on the section that says “New Tag”.

Google Tag Manager Instructions 1

Untitled Tag: you’ll see a section to set up your tag called “Untitled Tag”
Tag Configuration: click in this area.

Google Tag Manager Instructions 2

Choose Tag Type: choose Custom HTML for the tag type.

Google Tag Manager Instructions 3

Untitled Tag: see “Tag Configuration” window, Copy & Paste the Modern iO tag code exactly as received and SAVE your work.

Google Tag Manager Instructions 4

Triggering: choose “All Pages” for the trigger. We recommend choosing all pages so that we can report the data per page for strategic reasons. We will set up the campaign and the urls that will receive cards programmatically, be sure to SAVE your work.

Google Tag Manager Instructions 5

Submit Your Tag: be sure to click the SUBMIT button, and that will take you to another screen; you’re not done yet.

Google Tag Manager Instructions 6

Publish the Tag: click on PUBLISH, this is a simple but often missed step in the process; you won’t collect data until it’s published.

Google Tag Manager Instructions 7

Adding Modern iO code to BigCommerce

The BigCommerce website platform has a Script Manager that allows you to add the Modern iO website tag.

  1. Log in and navigate to the Storefront
    BigCommerce Storefront Screenshot
  2. Go to the “Script Manager”
    BigCommerce Script Manager
  3. Create a new script using the following settings:
    Location on page: Footer
    Script category: Analytics
    Script type: URL
    The actual script is unique to you and will be emailed upon setup.
    SAVE
    Modern iO Setup in BigCommerce Add Script to Footer
  4. That’s it. The Script Manager should now show the active script. It can be edited or deleted at any time.
    BigCommerce Script Manager Add Script