Widgets show up in preview but not live

  • I have a new affiliate account with Viator and am trying to install a widget (theme is Generate Press). Yesterday, the widget worked on desktop but not mobile. On the front end, it’s blank where the widget should be. I tried to fix it today, and now both desktop and mobile are blank.

    Any ideas on getting these to work?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Please do not share admin links. These are private links that only you can open (when you’re logged in as admin on your website): no one here can access such links.

    I poked around your website and found this page /los-angeles-bucket-list/ which has a Viator widget code on it. Except the code is not complete.

    All I see is this code (I’ve changed the partner-id for your privacy):

    <div data-vi-partner-id="XXXXXXX" data-vi-language="en" data-vi-currency="USD" data-vi-partner-type="AFFILIATE" data-vi-url="https://www.viator.com/Los-Angeles-tours/Outdoor-Activities/d645-g9" data-vi-total-products="4"></div>

    And this code is NOT sufficient to fetch the ads: the JavaScript to actually do the work is missing from your page entirely.

    Which leads me to wonder:

    1) Did you add just the above code, or the full code (including the part beginning with <script async src="https://www.viator.com/.....) from Viator?

    2) If you added the full code (including the <script> tag), how exactly did you add the code to your site? Did you use the CUSTOM HTML block? Or something else?

    Standing by.

    Thread Starter kesparza

    (@kesparza)

    Oh, sorry! I didn’t mean to copy in the wrong link. This is the first time I’ve asked a question in one of these forums.

    It was created with a block editor, using the Custom HTML block. I copied the code from Viator, and didn’t see any additional code to add as I have in other programs.

    Below is a screenshot of an Aviator destination widget code generator, taken directly from one of their support pages.

    Your website has ONLY the top part of the code (marked red). The bottom part (marked purple), which is the workhorse that pulls the ad from Aviator’s servers, is missing completely from your site.

    So what I’m trying to understand is… whether this missing code was not included in the code you pasted into the CUSTOM HTML block, or whether it was included but somehow WordPress or some plugin removed it.

    Thread Starter kesparza

    (@kesparza)

    That is strange. When I look at code embedded into the backend, it has that purple section: 

    <div data-vi-partner-id="XXXXXXXXX" data-vi-language="en" data-vi-currency="USD" data-vi-partner-type="AFFILIATE" data-vi-url="https://www.viator.com/Los-Angeles-tours/Outdoor-Activities/d645-g9" data-vi-total-products="4"></div>

<script async="" src="https://www.viator.com/orion/partner/widget.js"></script>

    I deactivated the plug-ins one by one, and it still didn’t show when I looked at the page on mobile / incognito window on desktop.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widgets show up in preview but not live’ is closed to new replies.