Step 1: In the components section to the right of the page, at the top right, click + New. A pop-up will appear; select the component you want, then click Add at the bottom of the pop-up window.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ A circle with + will come up, and select where you want it. A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Note: The CheckAvailability widget should be the very last widget in the section in order for it to sit atop the background image. The example image above is incorrect to illustrate this point.

There is no editing option for this component.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the title, HeadingBanner; the widget turns blue

Step 2: Click the pencil icon; an editing panel opens

Step 3: Add your heading and subheading (if applicable)

Step 4: Choose the heading level (1 = largest, 6 = smallest)

Step 5: Click button, Choose Image, to add your background image

Step 6: Click update

Helpful Hints:

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

TO ADD:

Step 1: Click the title, HeroImage; the widget turns blue

Step 2: Click the pencil icon; an editing panel opens

Step 3: Click the button, Choose Image

Step 4: The Media Library opens.

Step 5: Navigate within folders, if necessary, to find your image.

Step 6: Click the image; a blue frame highlights the image.

Step 7: Click Select button, bottom right corner.

Step 8: Click update to implement your action.

TO MODIFY

Step 1: Click the title, HeroImage; the widget turns blue

Step 2: Click the pencil icon; an editing panel opens

Step 3: Click the button Switch Image to select a different image

Step 4: Click the button Remove Image to remove the image

Helpful Hints:

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

TO CONFIGURE:

Step 1: Click the title, HeroImageRotation; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens .

Step 3: Click the button, Choose Image.

Step 4: The Media Library opens.

Step 5: Navigate within folders, if necessary, to find your images.

Step 6: Click the images; a blue frame highlights the images.

Step 7: Click Select button, bottom right corner.

Step 8: Click update to implement your action.

TO MODIFY:

TO ADD AN IMAGE:

Click + to add an additional image. It opens the Media Library.

TO REMOVE AN IMAGE:

Helpful Hints:

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

TO CONFIGURE:

Step 1: Click the title, HeroVideo; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3: Enter full url for the video.

Step 4: Give a title to your video.

Step 5: Click update.

TO MODIFY:

Step 1: Click the title, HeroVideo; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3: Enter a different url.

Helpful Hints:

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

TO CONFIGURE:

Step 1: Click the title, Heading; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3: Fill in text for your headline.

Step 4: Fill in text for your subhead (optional).

Step 5: Choose headline level (1=largest font, 6=smallest font).

Step 4: Is Heading Centered? Toggle on/off.

Step 5: Divider? Toggle on/off.

TO MODIFY:

Step 1: Click the title, Heading; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3: Change as desired.

Step4: Click Update to save.

Helpful Hints:

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

TO CONFIGURE:

Step 1: Click the title, General Content; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3: A content box is presented. Fill in text.

Step 4: Click Update to save.

TO MODIFY:

Step 1: Click the title, General Content; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3: Change as desired.

Step 4: Click Update to save.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the StaggardContent component, then click on the pencil Edit icon to customize this section (Or double click the component).

Step 2: Enter the Heading (Title at the top) and Subheading (Right under heading)

Step 3: Choose Heading Level (H1-6)

Step 4: Select Divider if you want one (it will put a thin line under the subheading)

Step 5: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 6: Select if you want the headings and paragraph centered by toggling “Is Text Centered?”.

Step 7: Choose the image or video you want (will show on the side of the content).

For Image: Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

For Video: Enter a Src (URL) from either youtube or from the Media Gallery (if you upload one there). For Video Title, add an appropriate title.

Step 8: Choose whether the image or video will be on the left or the right by toggling “Is Image/Video First”?

Step 9: Ignore “Should The Image Be A Background Image?”

Step 10: If you want a button under the content, add the following:

Step 11: Click “Update” in bottom left corner to preview

Step 12: Click “Save” in bottom left corner

Step 13: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the StackTwo component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Choose Heading Level (H1-6). This will be the size of the heading under each picture.

Step 3: Select Divider if you want one (it will put a thin line under each subheading)

ADD ITEMS FOR EACH STACK (COLUMN):

Step 4: Choose the image you want.

Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

Step 5: Enter the Heading (title under image) and Subheading (right under heading)

Step 6: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 7: If you want a button under the content, add the following:

Step 8: Continue steps 4-7 for each Stack

Step 9: Click “Update” in bottom left corner to preview

Step 10: Click “Save” in bottom left corner

Step 11: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the StackThree component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Choose Heading Level (H1-6). This will be the size of the heading under each picture.

Step 3: Select Divider if you want one (it will put a thin line under each subheading)

ADD ITEMS FOR EACH STACK (COLUMN):

Step 4: Choose the image you want.

Step 5: Enter the Heading (title under image) and Subheading (right under heading)

Step 6: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 7: If you want a button under the content, add the following:

Step 8: Continue steps 4-7 for each Stack.

Step 9: Click “Update” in bottom left corner to preview

Step 10: Click “Save” in bottom left corner

Step 11: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the StackThree component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Choose Heading Level (H1-6). This will be the size of the heading under each picture.

Step 3: Select Divider if you want one (it will put a thin line under each subheading)

ADD ITEMS FOR EACH STACK (COLUMN):

Step 4: Choose the image you want.

Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

Step 5: Enter the Heading (title under image) and Subheading (right under heading)

Step 6: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 7: If you want a button under the content, add the following:

Step 8: Continue steps 4-7 for each Stack.

Step 9: Click “Update” in bottom left corner to preview.

Step 10: Click “Save” in bottom left corner.

Step 11: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the StackFive component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Choose Heading Level (H1-6). This will be the size of the heading under each picture.

Step 3: Select Divider if you want one (it will put a thin line under each subheading)

ADD ITEMS FOR EACH STACK (COLUMN):

Step 4: Choose the image you want.

Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

Step 5: Enter the Heading (title under image) and Subheading (right under heading)

Step 6: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 7: If you want a button under the content, add the following:

Step 8: Continue steps 4-7 for each Stack

Step 9: Click “Update” in bottom left corner to preview

Step 10: Click “Save” in bottom left corner

Step 11: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the StackTwoBackgroundImage component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Choose Heading Level (H1-6). This will be the size of the heading under each picture.

Step 3: Select Divider if you want one (it will put a thin line under each subheading)

ADD ITEMS FOR EACH STACK (COLUMN):

Step 4: Choose the background image you want.

Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

Step 5: Enter the Heading (title under image) and Subheading (right under heading)

Step 6: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 7: If you want a button under the content, add the following:

Step 8: Continue steps 4-7 for each Stack

Step 9: Click “Update” in bottom left corner to preview

Step 10: Click “Save” in bottom left corner

Step 11: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the StackThreeBackgroundImage component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Choose Heading Level (H1-6). This will be the size of the heading under each picture.

Step 3: Select Divider if you want one (it will put a thin line under each subheading)

ADD ITEMS FOR EACH STACK (COLUMN):

Step 4: Choose the background image you want.

Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

Step 5: Enter the Heading (title under image) and Subheading (right under heading)

Step 6: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 7: If you want a button under the content, add the following:

Step 8: Continue steps 4-7 for each Stack

Step 9: Click “Update” in bottom left corner to preview

Step 10: Click “Save” in bottom left corner

Step 11: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the SingleImage component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Choose the image you want.

Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

Step 3: Enter the Max Width of the image in pixels with “px” behind it (Ex. 500px). Note: The image can not go full width - there will always be a margin on both sides

Step 4: If you want the image to be a link - enter the URL in the Href field. If you are linking to a page on your website - then you only have to add the “relative link” (ex. Instead of adding “https://www.yourwebsite.com/page” you only have to put “/page”)

Step 5: Click “Update” in the bottom left corner to preview.

Step 6: Click “Save” in the bottom left corner.

Step 7: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the SingleComment component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Add the comment that you want between the quotation marks. You cannot add any extra formatting.

Step 3: Add the image that you want to show above the quotation.

Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

Step 4: Click “Update” in the bottom left corner to preview.

Step 5: Click “Save” in the bottom left corner.

Step 6: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Update the items as appropriate.

Item #1 Auto Scroll button: this makes the reviews on the website pause on screen long enough to read, then scroll, automatically, to the next review(s).

# of Visible Reviews: how many reviews appear in the review section at one time. The field shows a 0, however, the component will display 2 reviews at a time if a number is not set here.

Content box for Review 1

Step 2: Click Add Review button to generate another review content box and add a second review.

Continue to click Add Review button to generate necessary number of content boxes to complete all reviews.

Step 3: Click Update button to save your work.

Note: Clicking on the grid icon to the left of Review 1 (or Review 2, Review 3, etc) will allow you to click, hold, and drag the review content box up or down to re-arrange the order that reviews appear.

Step 1: Click name of component (Reviews). It turns blue. Click pencil icon to open component.

Step 2: Settings can be modified; text can be edited.

Step 3: Click Update button to save your work.

Step 1: Click name of component (Reviews). It turns blue. Click pencil icon to open component.

Step 2: Click trashcan icon next to the review you wish to remove (Review 1, Review 2, etc)

Step 3: Click Update button to save your work.

Step 1: Click name of component (Reviews). It turns blue. Click pencil icon to open component.

Step 2: Click Add Review button to generate another review content box and add a second review.

Continue to click Add Review button to generate necessary number of content boxes to complete all reviews.

Note: Clicking on the grid icon to the left of Review 1 (or Review 2, Review 3, etc) will allow you to click, hold, and drag the review content box up or down to re-arrange the order that reviews appear.

Step 3: Click Update button to save your work.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the EdgeToEdgeContent component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click Choose Image and the Media Library will open. Choose your image from the library. If you have not uploaded your image, you can upload it by clicking the Upload button on the right. If it’s uploaded, either single click on the image, then click select at the bottom; or double click and it will be automatically added.

Helpful Hint: It’s recommended this image is 1920x550pixels

Step 3: Choose your image position (where the image will sit behind the content), Top, Center, or Bottom.

Step 4: Choose your image fade position (None, Center, Bottom)

Step 5: If you choose to have a fade, choose the violate amount (the amount of the fade over the image). Start with 300 and look at it after you update it and see if that’s how you like it. You can adjust the fade amount higher or lower until you have it the way you want it to be.

Step 6: Enter content max width, typically 1000 (how wide the white box will be)

Step 7: Add your heading

Step 8: Choose your heading level (1 for a top of page hero image; typically 2 for within the body of the page)

Step 9: Add your subheading (will show under the Heading) or leave blank

Step 10: Toggle the divider button if you want a line divider after the header and subheader

Step 11: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 12: If you want a button, enter the Href (URL) that you want the button to link to. If you are linking to a page on your website - then you only have to add the “relative link” (ex. Instead of adding “https://www.yourwebsite.com/page” you only have to put “/page”)

Content box for Review 1

Auto Scroll button: this makes the reviews on the website pause on screen long enough to read, then scroll, automatically, to the next review(s).

# of Visible Reviews: how many reviews appear in the review section at one time. The field shows a 0, however, the component will display 2 reviews at a time if a number is not set here.

Step 13: Click Update button to save your work.

Note: Clicking on the grid icon to the left of Review 1 (or Review 2, Review 3, etc) will allow you to click, hold, and drag the review content box up or down to re-arrange the order that reviews appear.

Step 1: Click name of component (ReviewsEdgetoEdge). It turns blue. Click pencil icon to open component.

Step 2: Settings can be modified; text can be edited. See below for more.

Step 3: Click Update button to save your work.

Step 1: Click name of component (ReviewsEdgetoEdge). It turns blue. Click pencil icon to open component.

Step 2: Click trashcan icon next to the review you wish to remove (Review 1, Review 2, etc)

Step 3: Click Update button to save your work.

Step 1: Click name of component (ReviewsEdgetoEdge). It turns blue. Click pencil icon to open component.

Step 2: Scroll past settings to Add Review button at the bottom. Click button to generate another review content box and add a second review.

Continue to click Add Review button to generate necessary number of content boxes to complete all reviews.

Note: Clicking on the grid icon to the left of Review 1 (or Review 2, Review 3, etc) will allow you to click, hold, and drag the review content box up or down to re-arrange the order that reviews appear.

Step 3: Click Update button to save your work.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the EdgeToEdgeContent component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click Choose Image and the Media Library will open. Choose your image from the library. If you have not uploaded your image, you can upload it by clicking the Upload button on the right. If it’s uploaded, either single click on the image, then click select at the bottom; or double click and it will be automatically added.

Helpful Hint: It’s recommended this image is 1920x550pixels

Step 3: Choose your image position (where the image will sit behind the content), Top, Center, or Bottom.

Step 4: Choose your image fade position (None, Center, Bottom)

Step 5: If you choose to have a fade, choose the violate amount (the amount of the fade over the image). Start with 300 and look at it after you update it and see if that’s how you like it. You can adjust the fade amount higher or lower until you have it the way you want it to be.

Step 6: Enter content max width, typically 1000 (how wide the white box will be)

Step 7: Add your heading

Step 8: Choose your heading level (1 for a top of page hero image; typically 2 for within the body of the page)

Step 9: Add your subheading (will show under the Heading) or leave blank

Step 10: Toggle the divider button if you want a line divider after the header and subheader

Step 11: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 12: If you want a button, enter the Href (URL) that you want the button to link to. If you are linking to a page on your website - then you only have to add the “relative link” (ex. Instead of adding “https://www.yourwebsite.com/page” you only have to put “/page”)

Step 13: Click “Update” in the bottom left corner to preview.

Step 14: Click “Save” in the bottom left corner.

Step 15: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the Frequently Asked Questions component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: At the top it will say “Review 1.” Below that is a field for “Question” and a field for “Answer.” Fill in each field with the appropriate content. When complete click the button “Add FAQ” to add another one.

Step 5: Click “Update” in the bottom left corner to preview.

Step 6: Click “Save” in the bottom left corner.

Step 7: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

1) Adding a bullet list in the answer field:

In this case you would need to use HTML.

Example:

HTML answer would look like this:

2) Adding a hyperlink into an answer

You can use the FAQ component for other uses such as the “event calendar” in the image below. The “Allstate Sugar Bowl” is hyperlinked.

HTML answer would look like this:

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the TabbedContent component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: In the Tabbed Content Page IDs box - you will add a page ID for each tab content (one on each line).

CREATING THE TAB CONTENT AND PAGE ID:

Step 3: Open the tabbed page that you just created. In the end of the browser URL - copy the page ID string of letters and numbers after “pages/”.

Step 4: Paste the copy of the page ID string in the Tabbed Content Page IDs box in the TabbedContent component on the page where you want the tabs to be.

Repeat the process for each tab you want and put the page IDs on one line each in the box.

Step 5: Click “Update” in the bottom left corner to preview.

Step 6: Click “Save” in the bottom left corner.

Step 7: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the LogoColumns component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click “+ Add Images”

Step 3: The Media Library will open up. Click on the “thinkreservations” folder and then select the appropriate folder.

Step 4: If the images are not already in the folder, you can upload them by clicking the “upload” button in the upper right corner.

Step 5: Click on the images you want (up to 5). To select more than one, hold the control or shift key while clicking on the images you want. Click “Select”

To change the order of the images: Click on the images you want to move (you can select more than one by holding control or shift key while clicking on the images) and use the little arrows to (← →) to move them where you want them.

To delete images: Click on the image that you want to delete (you can select more than one by holding control or shift key while clicking on the images) and then click on the minus (-) button at the top (there is no warning so make sure to select the right ones).

Step 6: If you want the images to be links - add the links to the “Image URLs” box. Put one URL on each line to correspond to the same order that the images are in.

Step 7: Click “Update” in bottom left corner to preview

Step 8: Click “Save” in bottom left corner

Step 9: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Upload your video to the Media Library:

Step 2: In the page Editor (If you don’t already have it open, click on the little ThikWeb house logo in the upper left corner and select “ThinkWeb” and then the page you want to work on). Click on the HostedVideo component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 3: In the Video Src field, put the URL of the video (see Step 1 for how to get that).

Step 4: Enter a Title for the video (this will only show when someone hovers their mouse over the video)

Step 5: Choose whether you want the video:

Step 6: Click “Update” in bottom left corner to preview

Step 7: Click “Save” in bottom left corner

Step 8: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the Video component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: In the Video Src box - add the URL of the video (on Youtube - click on Share and then Embed. In the embed code - choose the URL that is in quotes after “src=”)

Step 3: Enter a Title for the video (this will only show when someone hovers their mouse over the video)

Step 4: Click “Update” in bottom left corner to preview

Step 5: Click “Save” in bottom left corner

Step 6: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

TO CONFIGURE:

Step 1: Click the title, Video List; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3: Select number of Columns from the dropdown (1,2, or 3).

Step 4: Fill in Title field.

Step 5: Paste the link to the video. This can be a share link from YouTube or Vimeo or other source. If the video has been uploaded to your Media Library, paste the url for the video.

Step 6: Click button, Add Video, to add another video.

Step 7: Click Update to save your component.

Step 8: Click Save to save your page.

TO MODIFY:

Step 1: Click the title, Video List; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3: Change as desired.

Step 4: Click Update to save.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: Click on the +New component button in the top right. Choose the Responsive Table component under the Advance section. Select it and click the Add button. It will be added to your components list on the right. Move it to another section by clicking on the Responsive Table component; click on the up and down arrows and add it to the + under new section.

Step 2: Double click on the Responsive Table component and it will open up. Create your columns first… To the left of the Add Column button type in the name of that column, one feature per column… i.e. Picture (if you want an image), Room, Guests, Bathroom, Features, etc. Click Add Column after each one and a new column will display for you to add.

Step 3: Add your rows next. They will auto-generate based on the columns you created. All the columns you created will display with a box to input your info.

Step 4: To add a picture you need to have it in HTML format. You’ll need to open the image you want to add in the Media Library, copy the URL link, then add it to an html line, e.g.

You can just replace everything between the quotes with the URL of the image you’ll be using. Put it in the row and click add. *It’s recommended that all of your images are the same size, and horizontal.

Step 5: For a room to be hyperlinked to a particular room page, you’ll need to have it in HTML format. You’ll need to have the URL for the room (starting with the room page/room-name), along with the room name, add your room name and URL into the code:

<a href="/luxury-rooms-and-suites/wieland-suite">Wieland Suite</a>

Replace the slug /luxury-rooms-and-suites/wieland-suite with your room slug, then add the Room name where it says Wieland Suite, and copy everything from <a href….</a> and put it in the row and click add.

Step 6: You should be able to just type the data you want into other rows… i.e. Guests: 2 Bed: King Features: Private Bath, Jacuzzi Tub, Microwave, Coffeemaker View: Garden

Step 7: Once you’ve filled in all your columns and rows, click Update at the bottom to see a Preview. If you like it as it is, click Save.

Step 8: Then Click Publish, and Publish again for it to be live.

Follow the same steps as Adding New Component above, starting with Step 2.

You can change any of the columns and features already existing, or add new columns or features, change rooms, etc.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the HTML component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Enter the desired HTML in the box. You can create your HTML using sites like this: https://html-online.com/

Step 3: Click “Update” in bottom left corner to preview

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the Button component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Enter the Text that you want on the button

Step 3: Enter the Href (URL) that you want to the button to link to. If you are linking to a page on your website - then you only have to add the “relative link” (ex. Instead of adding “https://www.yourwebsite.com/page” you only have to put “/page”)

Step 4: Click “Update” in bottom left corner to preview and test your button

Step 5: Click “Save” in bottom left corner

Step 6: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the ButtonModal component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Enter the Text that you want on the button

Step 3: In the Button Modal Contents box add the text content you want to show in the pop-up. To add links or formatting to the text - you can create it in HTML using this site: https://html-online.com/. Leave the Class Name field empty.

Step 4: Click “Update” in bottom left corner to preview and test your button

Step 5: Click “Save” in bottom left corner

Step 6: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

TO CONFIGURE:

Step 1: Select the background image from the media library.

Step 2: Select the logo from the media library (optional.)

Step 3: Add any text to the Content field. (optional.)

Step 4: Add a URL (optional.)

Step 5: Click button, Add Card, to add an additional card.

Step 6: Continue to Add Card again to include all desired cards.

Step 7: Click Update to save your component.

Step 8: Click Save to save your page.

TO MODIFY:

Step 1: Click the title, Card Carousel; the widget turns blue.

Step 2: Click the pencil icon; an editing panel opens.

Step 3:Change as desired.

Step 4: Click Update to save.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the BentoImageGrid component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click “+ Add Images”

Step 3: The Media Library will open up. Click on the “thinkreservations” folder and then select the appropriate folder.

Step 4: If the images are not already in the folder, you can upload them by clicking the “upload” button in the upper right corner.

Step 5: Click on the images you want in the image grid. To select more than one, hold the control or shift key while clicking on the images you want. Click “Select”

To change the order of the images: Click on the images you want to move (you can select more than one by holding control or shift key while clicking on the images) and use the little arrows to (← →) to more them where you want them.

To delete images: Click on the image that you want to delete (you can select more than one by holding control or shift key while clicking on the images) and then click on the minus (-) button at the top (there is no warning so make sure to select the right ones).

Step 6: Click “Update” in bottom left corner to preview

Step 7: Click “Save” in bottom left corner

Step 8: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the MosaicImageGrid component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click “+ Add Images”

Step 3: The Media Library will open up. Click on the “thinkreservations” folder and then select the appropriate folder.

Step 4: If the images are not already in the folder, you can upload them by clicking the “upload” button in the upper right corner.

Step 5: Click on the images you want in the image mosaic. To select more than one, hold the control or shift key while clicking on the images you want.Click “Select”

To change the order of the images: Click on the images you want to move (you can select more than one by holding control or shift key while clicking on the images) and use the little arrows to (← →) to move them where you want them.

To delete images: Click on the image that you want to delete (you can select more than one by holding control or shift key while clicking on the images) and then click on the minus (-) button at the top (there is no warning so make sure to select the right ones).

Step 6: Click “Update” in bottom left corner to preview

Step 7: Click “Save” in bottom left corner

Step 8: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the PhotoStripImageGrid component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click “+ Add Images”

Step 3: The Media Library will open up. Click on the “thinkreservations” folder and then select the appropriate folder.

Step 4: If the images are not already in the folder, you can upload them by clicking the “upload” button in the upper right corner.

Step 5: Click on the 2-4 images you want in the image strip (only the first four images will show - even if you upload more). To select more than one, hold the control or shift key while clicking on the images you want. Click “Select”

To change the order of the images: Click on the images you want to move (you can select more than one by holding control or shift key while clicking on the images) and use the little arrows to (← →) to move them where you want them.

To delete images: Click on the image that you want to delete (you can select more than one by holding control or shift key while clicking on the images) and then click on the minus (-) button at the top (there is no warning so make sure to select the right ones).

Step 6: Click “Update” in bottom left corner to preview

Step 7: Click “Save” in bottom left corner

Step 8: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the ImageRotation component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click “+ Add Images”

Step 3: The Media Library will open up. Click on the “thinkreservations” folder and then select the appropriate folder.

Step 4: If the images are not already in the folder, you can upload them by clicking the “upload” button in the upper right corner.

Step 5: Click on the images you want in the rotation. To select more than one, hold the control or shift key while clicking on the images you want.Click “Select”

Step 6: If you want the images to be linked, add the Links to the box. Put one link per line to correspond to the order of the images.

Step 7: Click “Update” in bottom left corner to preview

Step 8: Click “Save” in bottom left corner

Step 9: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the ImageContentHover component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Enter the Heading (Title that will show before you hover and at the top once you do hover) and Subheading (Right under heading after you hover)

Step 3: Choose Heading Level (H1-6)

Step 4: Select Divider if you want one (it will put a thin line under the subheading)

Step 5: Add the Content (the paragraph that you want under the subheading). You can add formatting and links with using this site: https://html-online.com/

Step 6: Choose the image that will show in the background. Click on the “Choose Image” button and the Media Library will open. Click on the thinkreservations folder and then the appropriate folder. If you want to upload a new image, click on the “Upload” button in the top left corner.

Step 7: If you want a button under the content, add the following:

Step 8: Click “Update” in bottom left corner to preview

Step 9: Click “Save” in bottom left corner

Step 10: Click “Publish” to have your change show on your live website

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

This component adds your contact information as entered in your settings.

Step 1: Navigate to ThinkReservations > Settings > Business Settings.

Step 2: Update your details as needed.

Step 3: Click the green Save button at the bottom of the page to commit your changes.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

Step 1: Click the GoogleMap component, then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Enter the Src (the URL for the map you want to embed).

To get the Src:

2a. Go to your property map in Google.

2b.Click the Share button.

2c .A Share pop-up opens. Click the Embed a map option.

2d. Click the text COPY HTML

The entire line of HTML code is highlighted. A copied notification appears at the bottom.

2e. Paste that line of code into a notepad or document.

2f. Highlight the link.

Starting with http:// all the way to where the “ ends. See image above.

2g. Paste that url into the Src field in the component.

Step 3: Add a Title for the map (this will be visible when a website visitor hovers the mouse over the map)

Step 4: Enter the height of the map in pixels (or leave blank).

Step 5: Click “Update” in the bottom left corner to preview

Step 6: Click “Save” in bottom left corner

Step 7: Click “Publish” to have your change show on your live website.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website.

Step 1: In the components section to the right of the page, at the top right, click + New. Select the component you want to add from the popup, then click Add at the bottom.

Step 2: The component is automatically added to the bottom of the page. Move it to where you want it to be on the page by selecting the component, then clicking on the ↑↓ button. A circle with a + will come up. Select where you want it.

A new section also comes up at the bottom so you can put it in a new section, then move the section the same way.

There is nothing to edit for this component - it simply adds your ThinkWeb Privacy Policy.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

This widget is not available in the Editor to be added at this time.

There is nothing to edit for this component.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website

This widget is custom-coded. It is not yet available in the Editor at this time.

The Tech Team will need to make edits at this time.

Step 1: Click on the component you want to delete and then click on the pencil Edit icon to customize this section (OR double click the component).

Step 2: Click on the trashcan icon in the bottom left corner

Step 3: A pop-up verification warning will pop up that says “Are you sure you want to delete this component? This action cannot be undone.” - Click “Delete”

Step 4: Click “Save” in bottom left corner

Step 5: Click “Publish” to have your change show on your live website