Quotator

Here we have a simple scripted component that rotates a series of quotes, or blocks of 'text'. It can be used for quotes, customer testimonials, or anything that would require a brief display of text for. We're calling it the Quotator because it has a better ring to the name than 'Testimonialator'.

Instructions

Quotator ( Quote Rotator )

Here we have a simple scripted component that rotates a series of quotes, or blocks of ‘text’. It can be used for quotes, customer testimonials, or anything that would require a brief display of text for. We’re calling it the Quotator because it has a better ring to the name than ‘Testimonialator’.

The Quotator loads your ‘messages’ from a Library page. You can include as many messages are you like! This component is usually embedded into a single page of your site, but you can copy it into any page, and remove it from the default page.

Remove the Quotator from a page

  1. Open your web page.
  2. Switch to code view.
  3. Scroll down until you find the <div> container labeled <div id=”quotator-component”>.
  4. Select the div tag with your mouse, right click, and click ‘Select Tag’
  5. The entire div container should be highlighted in the page, just press delete on your keyboard.

Insert the Quotator into a web page

The Quotator is a full screen component. It should be embedded into the page ‘between’ the surrounding containers. This will make better sense in the video demonstration.

  1. Open your web page.
  2. Switch to code view.
  3. Scroll down until you find the ‘content’ section.
  4. Find a section above or below an existing <div class=”container-fluid …”> container.
  5. Click to focus your mouse on the page, in that space above or below the container.
  6. Copy the following code:
    <div class="quotator-component">
         <!-- webbot bot="Include" U-Include="Library/shared/quotator/wrapper/quotator-wrapper.htm" TAG="BODY" -->
    </div>
  7. Paste the copied cod.
  8. Save to update, then preview to make sure it’s in a good location.

Update the Quotator

  1. Expand the Library / shared / quotator (folder).
  2. Open the ‘quotator’ Library page.
  3. If you switch to code view, you’ll see there are 4 quotes or message containers. If you want to add or delete, now’s the time. To delete, just select the a container including the comment tags, and delete.
  4.  To ADD more, copy an existing quote including the comment tags, and paste, once for each new messages.
  5. To edit or update the quotes, just switch back over to Design view, and edit the text as normal.

Quotator ( Quote Rotator )

Here we have a simple scripted component that rotates a series of quotes, or blocks of ‘text’. It can be used for quotes, customer testimonials, or anything that would require a brief display of text for. We’re calling it the Quotator because it has a better ring to the name than ‘Testimonialator’.

The Quotator loads your ‘messages’ from a Library page. You can include as many messages are you like! This component is usually embedded into a single page of your site, but you can copy it into any page, and remove it from the default page.

Remove the Quotator from a page

  1. Open your web page.
  2. Switch to code view.
  3. Scroll down until you find the <div> container labeled <div id=”quotator-component”>.
  4. Select the div tag with your Quick Tag Selector.
  5. Press delete on your keyboard.

Insert the Quotator into a web page

The Quotator is a full screen component. It should be embedded into the page ‘between’ the surrounding containers. This will make better sense in the video demonstration.

  1. Open your web page.
  2. Switch to code view.
  3. Scroll down until you find the ‘content’ section.
  4. Place your cursor into the section above or below an existing <div class=”container-fluid …”> container.
  5. Click to focus your mouse on the page, in that space above or below the container.
  6. Open the Assets panel.
  7. Click the quotator-wrapper Asset.
  8. Click the ‘Insert’ button.
  9. Save to update, then preview to make sure it’s in a good location.

Update the Quotator

  1. Expand the Library / shared / quotator (folder).
  2. Open the ‘quotator’ Library page.
  3. If you switch to code view, you’ll see there are 4 quotes or message containers. If you want to add or delete, now’s the time. To delete, just select the a container including the comment tags, and delete. To ADD more, copy an existing quote including the comment tags, and paste, once for each new messages.
  4. To edit or update the quotes, just switch back over to Design view, and edit the text as normal.