# Tour Link Sharing

In addition to Embedding your tours on web pages, they can also be shared utilizing links. 

## 1. Sharing Tours using Product Tour Pages:

## Why use Product Tour Pages? <a href="#h_da22cf1b18" id="h_da22cf1b18"></a>

Save time by creating Product Tour Pages directly from the Tourial builder. No more need to spin up a new page to share your product tours.

Product Tour Pages are:

* Quicker to Launch: go from 'finished tour' to 'live in the wild' in seconds
* A Better Buyer Experience: consistent look and feel with built-in whitespace that automatically optimizes for ideal viewing on any device.
* More Likely to Convert: Built-in, persistent CTA with prime (and familiar) location.

## Creating a Product Tour Page <a href="#h_8ab797b8e1" id="h_8ab797b8e1"></a>

1. Open the Tour you wish to create a tour page for.
2. Click on the Publish button in the upper-right corner and Tourial will generate a shareable URL and an embed code
   1. Click on the Share button to open up the share menu. From here you can copy your tour's shareable URL and the embed code.&#x20;
   2. You can also update the URL here - Tourial will generate a random string of characters for every tour, but we recommend updating this URL before you share with your buyers

      <figure><img src="/files/dkzHZh0yU48so68xQpa3" alt=""><figcaption></figcaption></figure>
3. Hit the Settings button in the top right and you'll be able to customize the look and feel of your new, shareable produc tour page. You'll want to make sure that your shareable tours are on-brand and have trackable CTAs so your viewers can engage with your calls to action at any point in the tour experience.&#x20;

<figure><img src="/files/Dzym3tl2MaJQK2ZoRdZ4" alt=""><figcaption></figcaption></figure>

* Under CTA, you can edit the following:\
  \- Text\
  \- URL\
  \- Font type and Color\
  \- Background Color\
  \- Border Color\
  \- Border Width\
  \- Background Color

<figure><img src="/files/6SoqCbrT6RBGETSdBCyl" alt=""><figcaption></figcaption></figure>

* Upload your logo and click Save. (Recommended logo size of 64px height max)
* Next, add your Page Styles. Then click Save. Options include:\
  \- Background\
  \- Nav Color\
  \- Nav Border

<figure><img src="/files/1dpFMUrLmKtS6ShA92W8" alt=""><figcaption></figcaption></figure>

* When you're done styling, click Done at the bottom. You can go back and edit each section at any time.

Now you can see your live Product Tour Page!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.navless.ai/sharing/tour-link-sharing.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.