Adding AI tags to AI templates

Quick Creator AI allows users to automatically populate, or fill in, specific parts of a website template with AI-generated text.

To make this possible, a user first needs to create, use, or modify an AI template enriched with AI tags.

Mono has designed new AI templates to complement the Quick Creator AI flow. Mono Partners can choose to use these templates as is or modify the templates as needed. Or Mono Partners can create their own AI templates for the Quick Creator flow.

The next step is to complete the flow itself through built-in prompts, providing enough information about the prospect or potential buyer to help the AI generate relevant text.  


 

AI Template creation/modification

To create or modify AI templates, we cover:

 

What is an AI tag?

The AI tag allows the Mono Platform to identify which website content elements should be created by AI. Currently, AI content can be used in Text and Gallery modules with added AI tags.  For example, if you have a section about the services a prospect offers, you can add service-related tags to a text module to have custom, relevant texts generated.

Why are AI tags needed?

AI tags give Mono Partners the freedom of creating your own AI templates for the Quick Creator AI flow. You can add AI tags via the Module Menu overlay (Text module and Gallery module) and the Text Editor (text module). To add AI tags, you need to follow a few steps. First, set your Tag Properties. Then, set your Tag Constraints. 

  • Tag properties:

    This section provides context about what information should be generated for the specific element, split into 4 parts: 

    Tag properties - none.png

    • Grouping:

      Here you will set the contextual grouping of this text/visual. In the dropdown menu, you can select module, column or row.  

      Grouping - none 2.png
       
      Is it a standalone module, or content element such as a Header headline? Then simply select Module.  
       
      Or is this module a part of a bigger, related group of content elements spanning an entire column or row? An example could be a testimonial section with example review texts, names, and a headline. Select either Column or Row, depending on how the information is grouped together. 

      For this example, our "About" headline is grouped together in a column with an "About" Lorem Ipsum placeholder text. So we select Column here. 

      Grouping - column.png


    • Category:

      Here you will provide additional context of the text/visual. In the dropdown menu, you can choose from: Services, Products, Testimonials, Text and Gallery. These relate to the content categories in the Quick Creator AI flow. Select the appropriate category for the content element.  

      Category - none 2.png

      In this example, we want a text that isn't a product, service, or testimonial, so we select Text.

      Category - text.png


    • Topic:

      Here you will select the expression style of content, providing additional information of the type of content to be generated. Here you can choose from: About, Welcome, FAQ, Team, Introduction, Generic, Services, Products.  

      Topic - none.png
       
      Want a welcome header? First start by selecting Welcome. 

      If your category was Products or Services, you can select the same here under topic.  
       
      Need texts for the testimonial section? After selecting Testimonials under category, select Generic here under topic.  
       
      Or is this a Gallery section? You can select Generic here as well.  

      For this example, we need an About text, so About is selected. 

      Topic - about - w column.png
       
    • Type:

      Here you will select the expression type of your content, or more simply: content type. In the dropdown, you can choose from Title, Description, Name, and Image.  

      Type - none.png
       
      Select the appropriate content type for each individual module. Once the Tag Properties have been defined, set the Tag constraints.  

      For this example, we select Title.

      Tags - title w column.png
       
       
      Important: To add an AI tag to any module, all parameters need to be set. This means that each descriptor, or dropdown, and constraint visible in the settings needs to have a value other than “None.”

 

  • Tag constraints:

    Here you can set numerical constraints for the content elements, meaning that you can set the preferred word, paragraph, or image item count for the content element. The constraint fields that appear are dependent on the tag properties set previously.  
     
    For example, the Item count field will only appear when adding tags to the Gallery Module. 

    Tag properties and constraints - gallery module.png
     
    And Word count and Paragraph count will only appear when adding tags to Text Modules. 

    Tag properties and constraints - text module.png


    • Word count:

      Set the preferred number of words to describe the textual area held by the AI tag.  
       
      Is it a headline? Then perhaps you would want to use 10 (or less) words. Is it an About text? Perhaps you would want to use up to 70 words here. Worried about walls of text? You can then set the paragraph count below.

      Tag properties and constraints - text module - word count.pngTag properties and constraints - text module - about description.png

    • Paragraph count:

      Set the preferred number of text paragraphs here. If the text is a headline, 1 should suffice. Have a longer, descriptive text such as an About text? You could split a 70-word text into 2 or 3 paragraphs. You have the freedom to set the text as you wish.  

      Tag properties and constraints - text module - complete.pngTag properties and constraints - text module - about description pg.png

    • Item count:

      Set the number of visual elements to be provided during the QC flow. Do you want to provide the option of uploading 4 images to the template gallery? Then enter 4.  

      Tag properties and constraints - complete.png
       
      (Note: It is recommended to have as many placeholder images listed in Item Count stored in the Global Data Gallery section to appear in case images are not uploaded in the flow).

 

 

How to indicate which elements of the site should be replaced with AI-generated content?

Add AI tags to content elements you wish to be replaced with AI created content. The AI tag enables the Mono Platform to determine which elements of website content should be generated by AI. This is done by adding a Text or Gallery module to the website and setting its AI tag parameters.

 

Note: AI tags are added on the modular (module) level, not on the column or row level. If you want to indicate that a group of modules relate to one another in terms of content, for a Products or Services section, you can set the appropriate Row or Column grouping under Tag Properties. 
 
How AI tags can be added to a module depends on its type: Text or Gallery.  

 

Text Module

The Text module allows users two possibilities to add an AI tag, one with more granular, low-level control over each sentence/paragraph and the other more high-level control:

  • Through the opened Text Editor
  • Text Module Menu overlay

 

  • Through the Text Editor (low-level)

    Text Editor - Adding AI tags.png

    One way of adding an AI tag to a text module is through the Text Editor. The Text Editor allows users to specify the exact paragraphs that should be replaced with AI content.  
     
    This granular control over text elements enables one text module to contain multiple different AI tags. For example, you could have one text module with a Testimonial headline, an example testimonial, and an example testimonial name.  

    • Add an AI tag with the Text Editor:
      Navigate to, or add, the Text Module where an AI tag is to be applied.  
       
      Note: It is important to have a non-empty text placeholder (e.g., Lorem Ipsum text) and to set the styling and formatting for how the AI generated text will be presented.  

      Double click the Text module to open the Text Editor. If not already done, add in placeholder text.  

      Open text editor.png
       
      Then, select the text you wish to apply to replace with AI created text. You can select it all by simply placing the cursor inside the text element of interest or select specific paragraphs by dragging the cursor across the desired text.

      Ex. Selecting entire text with cursor:

      Text editor - selecting headline.png

      Ex. Selecting a paragraph of the text with cursor:

      Text editor - selecting paragraphs.png

      Then, in the Text Editor menu, select the new menu option: The AI icon (also known as the Spark/Sparkles icon). Click this, then Insert, to access AI tag properties and constraints. 

      Text Editor - AI icon - Insert.png

      Set the AI tag properties and constraints as desired and click save.

      Text Editor - Adding AI tags.png

      You will notice that the text with an AI tag applied is indicated by a dotted underline, to make it explicitly clear which text elements in the text module will be replaced with AI generated text. 

      Ex. Entire text selected:

      Text editor - selecting headline - dotted line.png

      Ex. Portion of text selected:

      Text editor - selecting paragraphs - dotted line.png
       
      Click the AI icon > Remove to remove the AI tag.  


  • Text Module Menu Overlay (high-level)

    Another way of adding an AI tag is through the Text Module menu overlay. When adding an AI tag to a text module via the menu overlay, this applies one AI tag to the entire module. Unlike the Text Editor method, you could only have either an example testimonial or an example name here, not both, as these are two different tag types.  

    • Add an AI tag with the Text Module Menu Overlay
      Navigate to, or add, the Text Module where an AI tag is to be applied. Hover over the Text module, click Module, and then the Edit icon to access the Text Module Menu Overlay. Or simply double click the text module to access the menu.  

      Module - Edit icon.png

      Then scroll down to the AI tags section. Set the AI tag properties and constraints as desired and click save.

      Applying tags in the module overlay - text.png


  • Which method is best to use for text modules?
    This depends on your template set up.

    See these examples. While the images look nearly identical, there is a very important difference in the setup here. In the example with a column, there are multiple modules, each with a different H tag and text style. In the example with a module, here different H tags and text styles are found within one module. 

    Multiple text modules within 1 column.pngMultiple texts within one module.png

    If you have constructed your templates with text modules that include multiple text types (headlines, sub-headlines, body text, etc.) within one module, then the Text Editor method is for you.

    However, if your templates are constructed with different modules for each different text type then the Text Module Menu overlay is a great option. Especially as the module menu is also used when applying AI tags to gallery modules.


Gallery Module

For the Gallery Module, it is crucial to pay attention to the Item count constraint. This number specifies:

  • How many images a user will be asked to upload during the Quick Creator AI flow
  • How many images will replace the template placeholder images

Tag properties and constraints - gallery module.png 

Images uploaded by the user will replace the placeholders in the gallery in the left-to-right direction. If the user provides fewer images than defined by the Item count (e.g., only uploading 2 out of the possible 4 images), then some of the website template image placeholders will remain and be displayed along with the uploaded photos. In this example, it would be 2 photos provided by the user and 2 template placeholder images.

 

Note: When using the Gallery module, it is important to:

  • Understand how to add/save gallery images in global data to serve as template placeholders

    Gallery - global data.png

  • Set the Gallery Overview settings, including the number of images shown in the gallery and the number of columns.

    Gallery - Gallery overview.png

It is best to set the item count to the same number of images shown/columns to avoid any issues.

 

Add an AI tag to the Gallery Module

First, if you have not done so already, save your gallery images in Global Data.

Gallery - global data.png

Then, navigate to, or add, the Gallery Module where an AI tag is to be applied.  
 
Hover over the Gallery module, click Module, and then the Edit icon to access the Gallery Module Menu Overlay. Or simply double click the Gallery module to access the menu.  
 
If not already done, toggle “Use Global Data Source” to on, and set the Gallery Overview settings.  
 
Then scroll down to the AI tags section. Set the AI tag properties. Then set the Item Count constraint to the desired number of images and click save.

AI tags impact the Quick Creator AI flow

The advantage of adding AI tags to website templates is the level of customization it affords our partners. Mono Partners can create single or multi- page sites and tailor the content included. 


The Quick Creator AI flow is dynamic, adjusting the flow to the type of template and the specific template selected. In the Quick Creator AI flow, you can choose between Standard or AI templates. This choice, of course, impacts the flow. However, it is also the choice of template that impacts the questions and content presented in the Quick Creator AI flow. 

 

Template selection.png

Remember, there are 4 tag properties (grouping, category, topic and type). Users can choose between 5 categories, 8 topics, and 4 types. This allows for templates to be set up in many different ways and for a lot of different content generation possibilities. And on top of that, there are additional tag constraints (paragraph count, word count, and item count) that allow users to customize how the content is presented.

AI tag dropdowns 3.png

Due to this level of customization, and the many possibilities available to our Partners, there is an overarching flow, but no one set flow that is applicable to all. 

For example, in the AI Content Creator portion of the flow, you could see the following sections: Texts, Testimonials, Products, Services and Gallery. These sections correspond to the Category parameter of the AI tag.

 

Created Content.pngCategory - correspond.png

 

So, if a template has AI tags with the category parameter set to Texts, Services, and Testimonial; then these will be the 3 sections that appear under Created Content in the AI Content Creator portion of the flow. The categories that are not represented by AI tags in the template will not appear in the flow. 

How much content, including the topic (welcome, services, FAQ, etc.) and type (title, description, etc.), you want generated by AI is also up to our Partners. This means that the amount and type of tags you include in the template will also impact the amount of content you can review and approve in the flow.  

Read more about the Quick Creator AI flow


AI tags added to templates dynamically impact the AI Content Creator section, but the flow is also impacted by the which AI enriching questions are enabled or disabled in the template's settings. 

Last step

Once the template design is complete, AI tags have been added, and AI enriching questions set, save and publish the template. Then, the template can be added to the Quick Creator AI flow.

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