how to build a widget

13
How To Build A Site Widget

Upload: revcontent

Post on 13-Jan-2017

1.240 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: How to build a widget

How To Build A Site Widget

Page 2: How to build a 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?

Page 3: How to build a widget

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.

Page 4: How to build a widget

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

Page 5: How to build a widget

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.

Page 6: How to build a widget

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.

Page 7: How to build a widget

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.

Page 8: How to build a widget

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.

Page 9: How to build a widget

Copy your widget code by selecting the Clipboard button.

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

Page 10: How to build a widget

View your widget any time in the Preview tab.

Page 11: How to build a widget

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

Make Basic Info updates to an existing widget as needed.

Page 12: How to build a widget

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.

Page 13: How to build a widget

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.