Creating a responsive Call-to-Action(CTA) in Sales Campaign using Tagon

1. Go to www.imageoptimizer.net to optimized the image.

Click Optimize Now! button, then click Browse Files, choose image that needs to be optimized in https://www.dropbox.com/home/DevKineticsSales/RelayThatPost . After choosing an image, click Optimize Now! button.

2. Click Download to your computer button to save the optimized image and save it in Optimized sub-folder found in RelaythatPost folder.

Second Step: Creating a Call-to-Action (CTA) using https://my.tagon.link/

1. Go to https://my.tagon.link/ and use the account of mikaelvg@gmail.com to login.

2. Go to TagOns, find and click call-to-actions .

Click Add New button to create a new call-to-action image.

3. After clicking Add New button, click Build your CTA button.

4. Find CTA templates found left corner then click Profile Card then click OK button in the pop up display.

5. After clicking the OK button, the appearance will be seen below.

To change the sample image displayed, click the delete icon to remove unwanted content.

Look for Elements then drag Image to replaced the removed sample CTA.

6. Find Size and set the following:

Example: With - 30 vw, Height - 218 px and Minimum width - 360 px

This will be the appearance after removing the displayed sample CTA then dragging the Image icon and setting the size.

7. Click Choose file button found at the upper right. Browse and upload Optimized image.

8. To apply close button in the CTA image, drag Closed CTA button found in Elements in CTA image.

Sample CTA image uploaded below.

9. Save the changes by clicking Save Changes button & click Close button.

Set the following: Custom Name (Example: Popuppromo4), Number of seconds to popup after the page is loaded (allowed value is from 1-180 only) and preferred positioning of the CTA image. Then click Save Changes button.

Note: You can checked the display of CTA image you created by clicking the Click Preview button and Edit the CTA image created.

Sample of previewed CTA image.

10. Go to Campaigns and click Add New button to create entry.

11. Proceed to Step 1 by naming the campaign (Example: Popuppromo4) and click Continue button.

Note: Naming of Call-to-Action entry should be the same in naming Campaign entry to avoid confusion of entries you want to use.

12. In Step 2, click Use a Call-to-Action and choose from the list of CTA's entries (Example: Popuppromo4) then click Save Changes button.

Sample Campaign created, Popuppromo4.

Third & Last Step: Adding CTA & Campaign image in the blog URL .

1. Proceed to Dashboard, click preferred blog URL to use for campaign and click Edit URL settings button.

2. Customize the Campaign URL through Edit URL slug, set the domain for your shortened URL into bzl.ink

Example:

Default Shortened URL: https://bzl.ink/noQdcT & the Default URL slug - noQdcT

Preferred URL slug: firstblog & the Customize the Campaign URL: https://bzl.ink/firstblog

3. In Apply a Campaign's Setting, select one entry . Click Use a Call-to-action, select entry then click Save Changes & Close buttons.

4. Click the blog URL to check if the CTA image is functional. It should popped-up right after the page is loaded.