Plan Your Trip Widget

Paste your embed code before the closing </body> tag on every page where you want the widget to appear. Placing it at the end of the body ensures it loads after the rest of your page content.

<!-- Before </body> -->
<script src="https://bestofparkcity.com/widgets/trip-planner.js"></script>
</body>

If your site uses a shared layout or template file, add the script there once and it will appear on every page automatically.

If you manage scripts through Google Tag Manager, create a Custom HTML tag to inject the widget on every page without editing code.

1. 1. Open your Google Tag Manager container and go to Tags → New.
2. 2. Click Tag Configuration and choose Custom HTML.
3. 3. Paste the following into the HTML field:

<script src="https://bestofparkcity.com/widgets/trip-planner.js"></script>

4. 4. Under Triggering, select All Pages (or a specific page trigger if you only want the widget on certain pages).
5. 5. Name the tag (e.g., "Best of Park City Widget"), click Save, then Submit and Publish your container.

If you configured custom colors or position above, paste the full embed code from the configurator instead of the default script tag.