Tutorial: How to use the Widget Link to display the promotion on my website

With the Widget Link you’ll be able to display the promotion on any website, blog or microsite to expand the visibility of your promotion and let users register directly from there. The Widget will be placed as a link on a part of the text. By clicking on the link, the promotion will be displayed as a modal box over the page. 

Note: The Widget Link is available for all promotions created with Easypromos.

  

We show you below an example of how the Widget Link is displayed on a blog post:

 

This widget is available for all promotions that are created in Easypromos, no matter the version used - Basic, Premium and White Label - and works for any type of promotion or contest.

The user experience will be exactly the same as if they were participating from Facebook or microsite, that is, user will need to accept the application permissions (if participating from Facebook), and they'll be able to vote and share the promotion with their friends.

 

Once you have created the promotion, in order to add the tab widget in your website you can follow these steps:

 

1. Acces the Easypromos Dashboard: http://admin.easypromosapp.com

2. Locate the promotion you wish to embed and click on the icon 'Promotion settings':

 

3. Once in the promotion's management page, select the 'Buzz' option:

4. Select "Widget" option.

5. Locate the widget “Widget Link” and then you’ll be able to set up the following options:

  • Width and Height: these will define the size of the modal box where the promotion will be displayed, so that you can adjust it to the available space in your website.
  • Title: this will be the text that will link with the modal box of the Widget, so that this will be the text that users will click on in order to open the promotion. Therefore, write this text with a call-to-action, with a text that catches the users’ attention.

5. Copy then the iframe code which is the one you’ll need to introduce within the HTML code of your website. In particular, you’ll need to copy two different codes:

  • Code 1, which starts with the tag <a href="#... -> this is the tag that allows to insert the link or text will open the promotion when clicking on it. You should place it on the part of the text that you want to link with the promotion.
  • Code 2, which starts with the tag <script type=... -> you should place this tag at the end of the page.

 

Check here all the available Widgets with Easypromos. 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk