How to build a widget

Post on 13-Jan-2017

1.240 views 1 download

Transcript of How to build a widget

How To Build A Site Widget

● Where do I go to create a widget?● How do I select the type of widget I’d like to create?● How do I specify my widget’s layout settings?● Can I create an infinite scroll for my widget?● Can I add variables to my widget’s headline such as State, City, and Zip code?● How can I control Branding Labels and Sponsor Information?● How can I control whether my images scale when hovered over?● Can I add CSS to my widget?● How can I force my widget to use Secure Socket Layers (HTTPS)?● Can I build tracking code for my widget?● Where can I find my widget code?● How can I make edits to a previously created widget?● How long do I have to wait to see changes to a widget?● How can I preview my widget(s)?● Can I change my widget’s dimensions after I’ve already created it?● Can I change my widget’s advanced settings after I’ve already created it?

There are two ways to create a Site Widget.

You can click the + sign in the upper right corner, where you can Create New Site Widget or Create New Campaign Boost.

Or, you can click the Create A Site Widget button on your home screen.

Simply hover over the type of widget you’d like to create and select Get Code.

Enter a unique Widget Name to easily track a specific widget’s performance.

When creating your Widget Headline, be sure to capitalize the first letter of each word.

Specify the Primary Domain URL for your widget.

Set up variables by entering {City}, {State}, and/or {Zip} into your Widget Headline. To view all accepted variable replacements, simply hover over </>Variables.

To specify Layout Settings for each device, start by selecting the device type.

Select how many columns and rows you’d like to appear.

Select your preferred Image Ratio.

If you’d like to enable infinite scroll select Infinite Scroll otherwise leave Non-Repeating selected.

You can edit your Branding Label and specify its position here.

You can also choose whether or not to display Provider information by selecting Show or Hide here.

To control whether or not your images scale when hovered over, simply select whether you’d like to enable or disable the effect here.

To add custom styling to your widget, simply paste your code into the Custom CSS field.

If you’d like to force SSL you can do so by selecting Use HTTPS here.

To add tracking code to your widget click on the gear icon, fill in the appropriate fields, and select Build Tracking Code.

Copy your widget code by selecting the Clipboard button.

**Please allow up to 30 minutes for your widget to appear on your page.

View your widget any time in the Preview tab.

Easily make changes to your Site Widget at any time in the Settings tab.

Make Basic Info updates to an existing widget as needed.

If you’d like to make revisions to a previously created widget’s structure, you can easily do so by returning to the Layout Settings section in the Settings tab and making the appropriate adjustments for each device type. Widget revisions will update live on site. You don’t need to re-upload your widget code.

If you’d like to make revisions to a previously created widget’s Advanced Options, you can easily do so by selecting the Settings tab and making adjustments as needed. Widget revisions will update live on site. You don’t need to re-upload your widget code.

Save your changes. Please allow up to 30 minutes for changes to take effect.