Building a 5-page AI Template

 

By following this guide, you can create your own AI templates containing as many pages as you need.

Before getting started, make sure Quick Creator AI is enabled. Learn how you can enable it here

You can use any template as a starting point, either regular or AI.

In this guide, we will convert the regular Mono Template Studio Nim (Template ID: 1025239) into an AI template. 
Studio Nim Template.jpg

For more information about how to initially create the template in RAI, go to: Creating a template in RAI for Quick Creator AI

 

 

Add AI Tags to the template

AI tags tell the Editor where to place AI content on the template. 

 

HOMEPAGE: Welcome Title

  1. Let's start by changing the Welcome Title on the homepage. In this case, there are two lines of text within the same text module: "Welcome to Studio Nim" and "Hair and Beauty Studio". We want to add an AI Tag to each of these separately.welcome.jpg

  2. There are two ways we can add an AI Tag to text: Either by adding it to the entire text module, or by adding it to individual snippets of text within the module.
  3. In this example, we want to add an AI Tag to individual snippets of text within the module.
  4. Double click on the text module and highlight the text you want to apply the AI Tag to. Let's start with "Welcome to Studio Nim" by highlighting it as shown below:
    highlight the text.jpg

  5.  Click the star cluster icon called 'AI Tag'. Click "Insert"
    ai tag in text editor.jpg
  6. A new overlay pops up, where you can set the AI Tag properties for this highlighted text.
    text editor overlay.jpg
    Here is the breakdown of the settings we have chosen in this particular case:
     Property  Chosen setting Why we chose this setting
     Grouping:   Module  We chose "Module" in this case. This means  that this AI Tag will only be associated to the content within the module. 
     Category:   Text  We chose "Text", as in this case, none of the other categories are relevant (services, products etc). 
     Topic:  Welcome  We chose Welcome, because it's a header, designed to welcome the visitor to the website.
     Type:   Title  We chose Title, as this is the most relevant in this case. 
     Word count:   5  In this case, we chose 5 words, so it stays within the same amount of space as the original template.
     Paragraph count:   1  In this case, we only have 5 words, so no need for any line breaks. We choose 1 paragraph.
  7. Click the green "Save" button.

  8. Now let's repeat this for the tag line underneath it: "Hair and Beauty Studio".
    hair and beauty studio.jpg

  9. Highlight the text, Choose the "AI Tag" star cluster icon from the Text Editor, Click "Insert" & Set the AI Tag properties. We set the properties to the followingsecond text line.jpg
     Property  Chosen setting Why we chose this setting
     Grouping:   Module  We chose "Module" in this case. This means  that this AI Tag will only be associated to the content within the module. 
     Category:   Text  We chose "Text", as in this case, none of the other categories are relevant (services, products etc). 
     Topic:  Introduction  We chose introduction, because it's an introduction to what the website is about.
     Type:   Description  We chose Description, as this is the most relevant in this case. 
     Word count:   10

     In this case, we chose 10 words, so it's a bit more expansive than the original, but still fits neatly into the template.

     Paragraph count:   1  In this case, we only have 10 words, so no need for any line breaks.
  10. Follow the same step on the Welcome to our studio text further down the page: 
    welcome.jpg

 

HOMEPAGE: About Us

  1. Let's scroll down until we get to the 'About us...' section on the Homepage.
    About us.....jpg

  2. Let's add AI Tags to this section, just like the previous section.

  3. For the 'About us...' title, we will not add an AI Tag. This title can easily stay the same, and be relevant to any site. You can always replace 'us' with the Company Name global content tag for more personalization.

  4. For the description underneath, we add an AI Tag and define the following properties:
    About us description.jpg
     Property  Chosen setting Why we chose this setting
     Grouping:   Module  We chose "Module" in this case. This means  that this AI Tag will only be associated to the content within the module. 
     Category:   Text  We chose "Text", as in this case, none of the other categories are relevant (services, products etc). 
     Topic:  About  We chose "About", because this is an about section.
     Type:   Description  We chose Description, as this is the most relevant in this case. 
     Word count:   40

     The existing text is 40 words long, so we will stick to that. 

     Paragraph count:   1  One paragraph is okay in this case. 

 

How many AI Tags can I add?

In theory, you can add as many AI Tags as you like.

However, the more AI Tags you place, the longer the Quick Creator flow becomes.

Each AI Tag is represented in the Quick Creator flow by a text field with suggested content, which you can either approve or re-generate. Placing two AI Tags on a template means you need to review two content fields in the Quick Creator AI flow. Placing 50 AI Tags means you need to review 50 content fields in the flow.

More AI Tags also result in a higher number of content requests placed to OpenAI, meaning potential higher costs. 

 

HOMEPAGE: Testimonials

  1. Scroll down to the testimonials section of the Homepage
    Testimonials.jpg

  2. Double click on the text module.

  3. Highlight the testimonial text.
    Highlight testimonial.jpg

  4. Click on the AI Tag Icon in the banner and click "Insert"
    Click Insert.jpg

  5. We filled the AI Tag properties with the following options:
    AI Tags testimonials.jpg

     Property  Chosen setting Why we chose this setting
     Grouping:   Row  We chose "Row" in this case. This means the AI tag will relate to the other testimonial within the row.
     Category:   Testimonials  We chose "Testimonials", as this text is supposed to be a mock testimonial.
     Topic:  Generic  We chose Generic, because none of the other categories were relevant.
     Type:   Description  This is a description, not a title, name or image.
     Word count:   25  The existing lorem ipsum is 25 words, so we will choose the same to make sure it fits the template.
     Paragraph count:   1  With 25 words, no need for more than 1 paragraph.
  6. Double click the name under the testimonial, highlight it and insert an AI Tag.

  7. Fill out the AI Tag properties. The only thing that is different from the above testimonial text, is that we chose "Name" instead of "Description" under type, and set the word count to: 2 
    AI Tags testimonial name.jpg
     Property  Chosen setting Why we chose this setting
     Grouping:   Row  We chose "Row" in this case. This means the AI tag will relate to the other testimonial within the row.
     Category:   Testimonials  We chose "Testimonials", as this text is supposed to be a mock testimonial.
     Topic:  Generic  We chose Generic, because none of the other categories were relevant.
     Type:   Name  This is a name
     Word count:   2  We chose a 2 word name. 
     Paragraph count:   1  Again no need for more than 1 paragraph.
  8. Repeat for the other testimonial

 

SERVICE PAGE: Welcome Title

  1. For the welcome title and tagline, you can add an AI Tag like we did on the homepage. Or you can simply write some generic industry relevant text, potentially with a global content tag if you find it relevant.

SERVICE PAGE: Services

  1. Let's scroll down to the 'services'. 
    services.jpg
  2. Here the title "Service title one" and the service description are both part of the same text module, so once again we will need to set the AI tags to the specific text within the module.
  3. However, to illustrate how to set the AI Tag if these two text types were in each their own module, Let's explore that. 
  4. Let's image Service title one was in one text module, and the description was in a different text module.
  5. Edit the text module of the Service title one by hovering over the module and clicking the pencil icon.
    Edit service module.jpg

  6. This brings up the Text Module editing overlay. Scroll down until you see the headings called AI Tag
    Text module overlay.jpg

  7. Click the + icons to expand the properties. 

  8. Choose the appropriate properties like in previous examples.Text module AI Tags.jpg
     Property  Chosen setting Why we chose this setting
     Grouping:   Column  We chose "Column" in this case. This means the AI tag will relate to the service description below (as they are two separate text modules within the same column).
     Category:   Services  We chose "Services", as this text is supposed to be a service.
     Topic:  Services  We chose Services again, as it is the most relevant topic
     Type:   Title  This is a title
     Word count:   3  This service title will be 3 words long. 
     Paragraph count:   1  No need for more than 1 paragraph.
  9. Now repeat for the description underneath the titleText module AI Tags descriptuon.jpg
     Property  Chosen setting Why we chose this setting
     Grouping:   Column  We chose "Column" in this case. This means the AI tag will relate to the service title above it (as they are two separate text modules within the same column).
     Category:   Services  We chose "Services", as this text is supposed to be a service.
     Topic:  Services  We chose Services again, as it is the most relevant topic
     Type:   Description  This is a description
     Word count:   35  This service description will be 35 words long. 
     Paragraph count:   1  No need for more than 1 paragraph.
  10. Now repeat for the other Services on the page

 

ABOUT

  1. Add AI tags to the about page using the same logic as the previous pages. 

CONTACT PAGE

  1. On the Contact page, we have a Title and Tagline. It does not make sense to add AI Tags here, since there are no specific AI Tags for contact us content. In this case we recommend simply writing some industry relevant content, and adding global content tags for more personalization.
  2. The template already comes with a lot of personalised content on this page, such as address and opening hoursContact page.jpg

  3. The Quick Creator flow will auto-fill in address, phone number, email address, and company name based on the information provided. No need to change anything.
  4. However there is no option for opening hours. You can remove this from the template, if you don't want something generic.
     

BLOG PAGE

  1. On the blog page, we have a Title, Tagline and Description. 
    blog.JPG

  2. In this case, it does not make sense to add AI Tags, since there are no specific AI Tags for blog content. In this case we recommend simply writing some industry relevant content, and adding global content tags for more personalization.

  3. For example, in the tag line, you can change the text to something like this: Latest hair and beauty trends by [company_name]
    blog tag line.jpg

  4. The same applies to the Description on the right side of the page. Here, you could change it to industry specific text, such as: Welcome to my blog, your go-to destination for all things hair and beauty. Whether you're looking for the latest trends, styling tips, or hair care advice, you're in the right place. 
    welcome to my blog.jpg

     

Choose additional AI prompts

Under website settings, you can choose to make additional prompts available in the template. See how in the article: AI enriching questions.

 

Make your new template available in the Quick Creator AI flow

Now we need to make sure the template shows up in the flow, so it can be selected for use.

  1. Navigate to RAI > Templates
  2. Click the "INFO" link to the left of the templateINFO.jpg

  3. Select "YES" in both the "Quick Creator" and "Is AI Template" dropdowns
    QC yes AI yes.jpg

  4. Click the green SAVE button.
    Click save.jpg

 

 

 

 

Was this article helpful?
0 out of 0 found this helpful