Tour Generator Setup

Welcome to the Tour Generator Setup Page! This page serves as your comprehensive guide to configuring the Tour Generator feature on our website. Whether you're a first-time user or returning to set up a new tour, you'll find all the information you need right here to get started.

Each step outlined on this page provides clear instructions and guidance on how to proceed with setting up your tour. From signing in to your account to defining tour steps and submitting your tour for processing, we've broken down the setup process into easy-to-follow steps to ensure a seamless experience.

By following the instructions provided on this page, you'll be able to create captivating and interactive tours for your website visitors. These tours will not only enhance their browsing experience but also guide them through key sections of your website with precision and clarity.

Should you encounter any difficulties or have questions along the way, our support team is here to assist you. Feel free to reach out at any time, and we'll be happy to provide guidance and assistance to ensure your tour setup process is smooth and successful.

Follow these steps to effortlessly create captivating tours for your website.

Step 1 Sign In - Log in to your account on our website to access the Tour Generator feature.

Step 2 Visit Tour Generator Page - Navigate to the Tour Generator page where you can create and manage your tours. Take your time to explore the details and features available.

Step 3 Generate Tour - Click on the "Generate Tour" button to start creating your tour. This will open up the tour creation interface where you can define the tour steps.

Step 4 Select Tag Selector - Choose the appropriate selector type (ID-selector or class-selector) to identify the elements on your website that you want to include in the tour.

Step 5 Define Tour Steps - Create tour steps by providing the following details for each step:
- Element ID or Class - Identify the specific element on your website.
- Step Title - Give a descriptive title to the step.
- Step Description - Provide instructions or information relevant to the step.
Step 6 Manage Tour Steps - Utilize the options available to manage your tour steps:
- Add New Step - Use the "Add Step" button to include additional steps to your tour.
- Delete Steps - Remove any unwanted steps by selecting the delete option.
- Preview and Navigate - Use the preview and navigation buttons to review and navigate through your tour steps seamlessly.

Step 7 Submit Tour - Once you are satisfied with your tour, click on the "Create Tour" button to submit your tour for processing. Your tour will then be available for use on your website.

Effortlessly set up tours on your website with these simple steps.

Pick Owner and Tour IDs - Pick the owner-id and tour-id for your tour.

Create Tour Tag - Create a tag using both owner-id and tour-id, enclosing your website's body content.
<tour owner-id="abcd" tour-id="">

Insert Script Tag - After the tour tag, insert the script tag
<script src='http://localhost:5000/main.js'></script>

Insert Link Tag - In the head tag of your website, insert the link tag
<link rel='stylesheet' href='http://localhost:5000/main.css'></link>