Skip to main content

Step 4: How to Build a New ThinkWeb Page

From configuring SEO and adding hero images to formatting content and guest reviews, learn exactly how to build and publish a brand-new webpage from scratch in the ThinkWeb Editor!

This video will walk you through creating a brand-new page on your ThinkWeb site from the beginning, adding text and photos, and publishing it to the internet.

Step 1: Access the Pages Menu

  1. Log in to your ThinkReservations dashboard.

  2. Click the ThinkReservations logo in the upper left-hand corner of your screen.

  3. Select ThinkWeb from the dropdown menu to open the website editor.

  4. On the left-hand menu, click on Pages.

Step 2: Create a New Page

To save time, you can select an existing page and click Duplicate to use it as a template. Otherwise, to start fresh:

  1. Click the New button on the right side of the screen.

  2. Select Edit Page.

Step 3: Configure Page Settings & SEO

Before adding photos and text, you need to set up the "behind-the-scenes" details of your page.

  1. Page Name: Type in the title of your page (e.g., Downtown Things To Do).

  2. Path: This is your URL (web address). Use all lowercase letters and separate words with hyphens (e.g., downtown-things-to-do).

  3. Status: Keep the dropdown set to Draft. This ensures no one can see the page while you are working on it.

  4. SEO Title & Description: Scroll down to fill these out. This is what Google sees!

    • Title: Include your business name, city, and state, if applicable to the page content. The SEO title should explicitly state what this page is about.

    • Description: Write a catchy sentence about what is on the page.

  5. Click Update to save these settings.

Step 4: Add a Hero Image (Top Banner)

Note: Your website's header (menu) and footer are automatically added to every page. You do not need to build them, and they are not editable.

  1. Click New > Components > Hero Image, then click Add.

  2. A placeholder will appear. Click the pencil icon next to the component to edit it.

  3. Click Choose Image to open your Media Library.

  4. Optional: Click New Folder to create a dedicated folder for this page's images to stay organized.

  5. Click Upload to select an appropriately sized image from your computer (Recommended: 1920x1080 pixels).

  6. Select the uploaded image and click Update.

Step 5: Add a Page Heading

  1. Click New > Components > Heading, then click Add.

  2. Click the pencil icon to edit.

  3. Type your main title into the Heading box and a smaller subtitle into the Subheading box.

  4. Check the boxes to Center the text or add a decorative Divider line if you like.

  5. Click Update.

Step 6: Add Text Content

  1. Click New > Components > General Content, then click Add.

  2. Click the pencil icon to edit.

  3. Paste or type your paragraphs into the text box.

    • Pro-Tip: To create line breaks or separate paragraphs, use basic HTML tags like <br> for a line break or <p> and </p> around your paragraphs.
      *See our Simple HTML for ThinkWeb video for more HTML tips.

  4. Click Update.

Step 7: Add Staggered Content (Side-by-Side Image & Text)

  1. Click New > Components > Staggered Content v2, then click Add.

  2. Click the pencil icon to edit.

  3. Under the Media section, click Choose Image and select a landscape photo.

  4. Scroll down to type in a Heading and paste your text into the Content box.

  5. Click Update.

    • Pro Tip: To flip the image to the other side of the text, edit the component and un-click the Media First box.

Step 8: Add Guest Reviews

  1. Click New > Components > Reviews, then click Add.

  2. Click the pencil icon to edit.

  3. Check the Auto-scroll box to make the reviews play like a slideshow.

  4. Click Add Review, then type the reviewer's name and their quote. Repeat this for as many reviews as you want to feature.

  5. Click Update. (You can click and drag reviews up and down in the menu to change their order!)

Step 9: Add a Call-to-Action (Edge-to-Edge Content)

  1. Click New > Components > Edge to Edge Content, then click Add.

  2. Click the pencil icon to edit.

  3. Click Choose Image to select a large background photo.

  4. Add a Heading and a short line of Content (e.g., "Ready to book your stay?").

  5. Under Button Text, type what you want the button to say (e.g., "View Rooms").

  6. Under Link, type a forward slash followed by the path name of the page you are linking to (e.g., /rooms).

  7. Click Update.

Step 10: Publish Your Page!

Once your page looks exactly the way you want it, it's time to put it on the internet.

  1. Scroll to the very top of your page settings and change the dropdown from Draft to Published.

  2. Click Update.

  3. Click Save at the top of the screen to return to the main Pages menu.

  4. Click the large Publish button, and confirm by clicking Publish again.

Step 11: Add the Page to Your Navigation Menu

Your page is now live, but visitors need a way to find it! To add this new page to your website's top navigation menu, please contact the ThinkWeb support team. Let them know the name of the page and where you would like it to appear in the menu, and they will get it set up for you.

Did this answer your question?