How to add Feature Story Web Widgets to a Responsive Website

If you already have a responsive website of your own and want to add a Vizlly web widget, the process is slightly different for you. Make sure you follow these instructions to ensure that the web widgets display correctly on your responsive site, no matter which device a travel shopper is using to access your site. Note that these instructions are for the Feature Story web widget only.

Installing the Web Widget to your Desktop website:

Install the web widget following these instructions.

Installing the Web Widget for the Tablet size of your website:

Once you’ve installed the Feature Story web widget to your desktop website, check out what it looks like on a tablet. If the Feature Story web widget fits – awesome! You can continue to use that as it is certified to work on Tablet.

If the Feature Story web widget does not fit, follow these instructions:

1. Publish a Tablet Optimized Gallery (click here for instructions) and drag and drop your preferred Feature Story (click here for instructions) 
2. Go Live with a subdomain (i.e. gallery.myhotel.com) on your domain (click here for instructions)
3. At this point it gets a little more technical, so it's time to bring in your webmaster. Contact your webmaster and get him or her to hide the Feature Story Web Widget at the tablet breakpoint and replace with a button (which says 'View our Photo Gallery') or similar that links to the URL you created in Step 3.

Installing the Web Widget for the Smartphone size of your website:

The Feature Story web widget will not display correctly on a smartphone device because of the screen size. To ensure that your content displays correctly you’ll need to follow these instructions.

1. Create a Smartphone Optimized Gallery (click here for instructions) and drag and drop your preferred Feature Story (click here for instructions) 
2. Go Live with a subdomain (i.e. gallery.myhotel.com) on your domain (click here for instructions)
3. At this point it gets a little more technical, so it's time to bring in your webmaster. Contact your webmaster and get him or her to hide the Feature Story Web Widget at the smartphone breakpoint and replace with a button (which says 'View our Photo Gallery') or similar that links to the URL you created in Step 3.

Keep in mind that the URL can be the same for your Tablet and Smartphone Optimized Galleries. Our device detection can determine which one to show based on the device.