How to add Booking.com Affiliate Widget to Website

Site URL: https://www.thelosttwo.com/blog/four-seasons-beverly-hills

Hi All,

I am having trouble adding the booking.com affiliate map widget to: https://www.thelosttwo.com/blog/four-seasons-beverly-hills. I copy and paste it but it just shows up as "booking.com" and the map is nowhere to be found. My ajax loading is disabled. 

This is the code:

<ins class="bookingaff" data-aid="2180661" data-target_aid="2180661" data-prod="map" data-width="400" data-height="300" data-lang="ualng" data-dest_id="0" data-dest_type="landmark" data-latitude="34.0730472" data-longitude="-118.3893444" data-landmark_name="300 Doheny Dr" data-mwhsb="0" data-address="Four Seasons Hotel Los Angeles At Beverly Hills, 300 Doheny Dr, Los Angeles, CA 90048, United States">
    <!-- Anything inside will go away once widget is loaded. -->
        <a href="//www.booking.com?aid=2180661">Booking.com</a>
</ins>
<script type="text/javascript">
    (function(d, sc, u) {
      var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0];
      s.type = 'text/javascript';
      s.async = true;
      s.src = u + '?v=' + (+new Date());
      p.parentNode.insertBefore(s,p);
      })(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');
</script>

Is there anything I need to change?

Thank you!

15 hours ago, claudinosun said:

Site URL: https://www.thelosttwo.com/blog/four-seasons-beverly-hills

Hi All,

I am having trouble adding the booking.com affiliate map widget to: https://www.thelosttwo.com/blog/four-seasons-beverly-hills. I copy and paste it but it just shows up as "booking.com" and the map is nowhere to be found. My ajax loading is disabled. 

 

This is the code:

 

<ins class="bookingaff" data-aid="2180661" data-target_aid="2180661" data-prod="map" data-width="400" data-height="300" data-lang="ualng" data-dest_id="0" data-dest_type="landmark" data-latitude="34.0730472" data-longitude="-118.3893444" data-landmark_name="300 Doheny Dr" data-mwhsb="0" data-address="Four Seasons Hotel Los Angeles At Beverly Hills, 300 Doheny Dr, Los Angeles, CA 90048, United States">
    <!-- Anything inside will go away once widget is loaded. -->
        <a href="//www.booking.com?aid=2180661">Booking.com</a>
</ins>
<script type="text/javascript">
    (function(d, sc, u) {
      var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0];
      s.type = 'text/javascript';
      s.async = true;
      s.src = u + '?v=' + (+new Date());
      p.parentNode.insertBefore(s,p);
      })(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');
</script>

 

Is there anything I need to change?

 

Thank you!

Don't remove any code.

Add this to Design > Custom CSS

iframe[src*="booking.com"] {
    width: 100% !important;
    height: 500px !important;
}

Hi,

Thank you so much! Unfortunately it didn't work 😞 Is there anything else I should add?

NEVERMIND IT JUST WORKED!! 🙂 THANK YOU!