This guide provides a step-by-step process on embedding your Upviral campaign with your Google Sites as a widget.

(Note: If you haven't created your Upviral campaign, you may follow the steps on How to create a campaign?)


Installation:


STEP 1. Opt-in Embed Type

On the Publish & Embed page, click on the “+ Embed Campaign” button:



STEP 2. Opt-in Widget Settings

Select "Embed Upviral opt-in Widget" if you want to embed the widget in standard form. Add your Google Site URL where you wish to embed the opt-in widget.


Then, choose how you want to embed your campaign as. To integrate the campaign into your Google Site, you can ONLY choose to have it embedded as Standard widget, Popover or a Pop-Up widget:




STEP 3. Share Widget Settings

The third step is to choose where you want the share widget to be displayed. If it's on the same page, choose the first option. If it's on a different URL (usually the page after your opt-in page), then paste the URL of your Share Page on the second option.




STEP 4. Installation

The final step will show you what codes you need to copy and paste into your website's editor. 



For Standard (as an embedded widget) or Popover

Click "Copy code" below the widget code. Once copied, go to your Google Site > click on the "Embed" button > "Embed Code" > paste code > click "Insert" > then you can finally publish the site.  


See visual below:



For Pop-up Widget

  • Click "Copy code" below the "Link to open popup". Once copied, go to your Google Site > click on the "Embed" button > "Embed Code" > paste code > go back to UpViral and copy the widget code and do the same steps. Once both of the codes have been placed, click "Insert" > then you can finally publish the site.  

  • Note: It's not possible currently to customize the popup widget from the default hyper-linked text appearance if in case you'll be using the popup widget option for your Google Site.


See visual below:





STEP 5. Test Embedding

To test your Upviral integration, go back to the Installation page and click on "Test Embedding". If the test is successful, click on "Save" to apply the changes. 


Lastly, configure the destination of your referral traffic by specifying the URL where you want to redirect the referral links of your participants. This will determine where your participants' referral leads will be redirected to once they click on the referral link.




How to get your support tickets resolved faster
Statistics have shown us that the more you tell us when you report an issue, the faster we solve that ticket. So...
1 - If you have screengrabs, please include them. A picture is worth a thousand words.
2 - If you have recorded a video showing the issue you're having, please include that as well. A video is worth a million words.
We recommend a free service called Loom for creating these videos. (this is a link to https://www.useloom.com/)
3 - To speed up ticket resolution, follow these useful tips How to Write the Perfect Support Ticket (That Gets Results Fast)