When embedding the UpViral widget onto your site, it will automatically be positioned to the left. In this article, you'll learn how to position the widget to the center or right side.

In order to change the widgets' position, you'll need to modify the widget embed code before adding it to your website.

Step 1: Get the iFrame code

This is located on the "Installation" page of your campaign. You'll need to make changes to the first line of the widget embed code:

Step 2: Make changes to the iFrame code

Before making any changes, the first line will look something like this:

<iframe class="uvembedXXXXX" frameborder="0" src="https://static.upviral.com/loader.html"></iframe>

(Note: instead of "XXXX" you'll see the ID of your campaign).

To position your widget in the center, you'll need to change this into:

<center><iframe class="uvembedXXXXX" frameborder="0" src="https://static.upviral.com/loader.html"></iframe></center>

To position your widget on the right, you'll need to change this into:

<iframe class="uvembedXXXXX" frameborder="0" src="https://static.upviral.com/loader.html" style="float:right;"></iframe>

Step 3: Add the full embed code to your site as you'd normally do.

If you may have further questions, feel free to contact our support team they'll be happy to assist you in anyway they can.