How to Use Template Management?

Webayt Template management in a CMS is used to create reusable HTML and CSS content. This allows you to create a template and add it to the relevant areas using shortcodes, instead of repeatedly writing the same design or content block on different pages.

Templates can be used for pricing tables, call signage, custom information boxes, language simulations, package comparisons, campaign areas, or recurring custom design sections.

What is Template Management Used For?

Template Management allows you to centrally manage frequently used design and content elements on your website. After creating a template, you can call it up using shortcodes in supported HTML content areas.

This structure is particularly helpful when the same content is used across multiple pages. Any update you make to a template will be reflected in all areas where that template is used.

One of the key advantages of Template Management is that it makes the translation process safer for complex HTML structures. When the entire HTML code is included in the translation process, the tag structure, class names, or design layout can sometimes be corrupted. With Template Management, however, the HTML structure is preserved, and only the text fields defined as parameters are translated.

For example, reusable structures like the following can be prepared as templates:

• Package comparison tables
• Price or service cards
• CTA areas
• Information boxes
• Custom HTML sections
• Google visibility or multilingual simulations
• Repeated campaign or promotional blocks

How can I access the Template Management page?

To manage templates, you can access the Template Management section from the left menu in the Webayt admin panel.

 Template Management

This page lists previously created templates. You can add new templates, edit or delete existing templates, or view their shortcodes.

Templates List Screen

On the Template Management main screen, created templates are listed in a table. This table displays the template name, shortcode, parameter information, and status information.

The list screen generally displays the following information:

• Template Name: This is the template name displayed in the panel and when selecting templates.
• Shortcode: A special code used to call the template in content areas.
• Parameter: Indicates the number of variables used within the template or the parameter status.
• Status: Indicates whether the template is open or closed.
• Edit: Used to update template information.
• Delete: Used to remove the relevant template.

The template shortcode is used to call the relevant template within the page content. For example, a template shortcode might look like this:

 { { template:mock_template_name } }

How to Add a New Template?

To create a new template, go to the Add Template tab. On this screen, you define the template's name, shortcode, HTML/CSS content, parameters, and status.

1. Log in to the Webayt admin panel.
2. From the left-hand menu, go to Template Management .
3. Click the Add Template tab.
4. Enter the template name and shortcode key.
5. Add your HTML or CSS content to the template area.
6. Define parameter fields if necessary.
7. Set the template status to on or off.
8. Save the template by clicking the Add button.

Template Insertion Fields

The template adding or editing screen includes some key fields that determine how the template will work.

Template Name

The Template Name is the name that will be displayed in the panel and in template selections. This field should be written descriptively so that you can easily identify the template later.

Example template names:

 CTA Packages
Google Search Page
Site Management Template
Multi-Language Support

Short Code Key

The Short Code Key is the unique key used to call the template in content fields. This field is typically created using lowercase letters, numbers, hyphens, and underscores.

For example, if the shortcode key is management_plans , this template can be called in the context field with the following shortcode:

 { { template:mock_template_name } }

It is recommended that the short code be clear and explain the purpose of the template.

Template Area

The template area is where you write the HTML or CSS structure you want to create. This section contains the code that determines how the template will look on the front end.

The template area may contain HTML and CSS tabs. The HTML tab is for structural content, while the CSS tab is for visual editing.

If you want to use editable fields in your HTML template, you can define them within curly braces.

 {title}
{description}
{button_text}

These variables can be automatically listed in the template's parameter field and edited separately for different languages.

Parameters

Parameters is the area where variables defined in an HTML template are managed. Variables used within the template are listed in this section, and text corresponding to these variables can be entered.

For example, if the {title} variable is defined in the HTML template, the title text corresponding to this variable can be entered in the parameter field. Similarly, separate parameter fields can be created for variables such as {description} , {button_text} , or similar.

The primary purpose of parameters is to ensure that only the text written in these fields is translated during the translation process. This prevents the entire HTML code of the template from being included in the translation.

This structure is particularly important in templates containing complex HTML code. When the entire HTML code is sent to the automatic translation process, HTML tags, class names, custom codes, or the design structure may be corrupted in some cases. However, when parameters are used, the HTML and CSS structure remains unchanged; only the text content visible to the user is translated.

Therefore, for custom design blocks, multi-column fields, price tables, package comparisons, advanced CTA sections, or content containing complex HTML, it is recommended to use Template Management.

Situation

The status determines whether the template can be used on the site.

• Clear: Even if used in template content, it will be displayed on the site.
• Disabled: The template will not be displayed on the site even if used in content.

If a template needs to be temporarily disabled, it might be safer to set its status to "off" rather than deleting it.

How to Use Templates in Content?

Templates created in Template Management can be called up using shortcodes in content fields where HTML can be entered.

For example, when you add the following shortcode to a supported content editor, the corresponding template is automatically displayed in that field:

 { { template:mock_template_name } }

This feature allows you to quickly add a previously created design to different pages.

Templates can generally be used in areas where HTML content can be entered. For example, template shortcodes can be preferred in information and section pages, category pages, content pages, and custom HTML content areas.

Template Selection via Editor

Webayt In the CMS editor, available templates can be viewed via a drop-down list or a template selection area. You can select the desired template from this area to add the shortcode to the editor.

When a template is selected, its shortcode is added to the editor. However, when the page is displayed on the front end, the actual HTML output of the template is shown in place of this shortcode.

How to use Template Preview?

You can check how your template will look using the preview option on the template editing screen.

The preview window helps you see how the template will look on the front end. This allows you to check the design, text, and layout before publishing the template.

Previewing templates, especially those containing HTML and CSS, is useful for spotting incorrect layouts or missing parameters.

The Advantage of Using Parameters in Templates

Parameters make templates more flexible and secure. They are particularly useful when you want to manage only the title, description, button text, or similar editable content while maintaining the same HTML structure.

Within a template, modifiable fields are defined using curly braces. For example, fields like {title} , {description} , or {button_text} can be used as parameters.

One of the most important advantages of parameters is that only the content of these parameters is translated in the automatic translation process. Thus, the entire HTML structure of the template is not included in the translation process.

This is especially important in designs containing complex HTML code. When the entire HTML code is sent for translation, the tag structure, class names, custom codes, or layout may be corrupted in some cases. However, when Template Management is used, the HTML structure is preserved, and only the text written in the parameter fields is translated.

Therefore, it is recommended to use Template Management for custom design blocks, advanced HTML structures, multi-column fields, price tables, comparison tables, or reusable custom content sections.

For example, let's say you're creating a CTA (Call to Action) field. If you define fields like the title, description, and button text as parameters, you can use them with different texts without disrupting the design structure, and ensure that only these specific texts are translated during the translation process.

Using Templates on Multilingual Websites

Webayt In CMS, parameter texts used in templates can be translated into different languages. This allows the same template structure to be used with different language content on multilingual websites.

In Template Management, the HTML and CSS structure remains constant; the translation process is carried out using the text entered into the parameter fields. This structure helps prevent the corruption of complex HTML code during translation.

Therefore, when creating content with custom HTML for multilingual websites, it may be more beneficial to work through Template Management rather than directly adding long and complex HTML codes to the page editor.

After making changes to the template, the relevant lists may need to be updated. For detailed information on updating lists and selecting the translation language, please refer to the "How to Use Lists to Update?" guide.

What should be considered when the template is updated?

When you update a template, the appearance of pages where that template is used may also be affected. Therefore, it's important to review existing usage patterns before making changes, especially to actively used templates.

• Check which pages the template is used on.
• Preview the changes after making HTML and CSS modifications.
• Ensure there is no missing or incorrect text in the parameter fields.
• Make sure the template status is enabled.
• Update the relevant lists if necessary.
• If caching is enabled, refresh the cache for that page.

What should be considered when using templates?

Template management is a powerful tool that facilitates repetitive content. However, it's crucial that templates are organized and easy to understand.

• Choose a template name in the panel that is easy to understand.
• Write the short code in a simple and descriptive way.
• Keep your HTML and CSS code organized.
• Define parameter names in an understandable way.
• Define the text to be translated as parameters whenever possible.
• Pay attention to parameter usage to prevent complex HTML code from being corrupted during automatic translation.
• Avoid creating multiple templates unnecessarily for the same purpose.
• Before deleting unused templates, check if they are being used on active pages.
• Check the template with a preview before publishing it.

When Should Template Management Be Used?

If you need to use the same design block in multiple places, or if custom HTML structures are repeated in your content, using Template Management is quite useful.

Creating a template might be a good idea in the following situations:

• When you want to use the same CTA field on different pages
• When you want to centrally manage package, price, or comparison fields.
• When you don't want to repeatedly type custom HTML blocks
• When you want to use the same design with different texts in multilingual content
• When you want to prevent complex HTML code from being corrupted during automatic translation.
• When you want to add ready-made design blocks to the editor

Summary

Template Management is the area in the Webayt CMS used to create reusable HTML and CSS content. The created templates can be used in content areas where HTML can be entered via shortcodes.

By using parameters in templates, you can define editable fields, ensure that only the content of these parameters is translated during the automatic translation process, and prevent the corruption of complex HTML structures. This structure allows you to use the same design template more securely on different pages and in different languages.

After making template changes, remember to update the relevant lists in the "Lists to Update" section if necessary.