Module 1

Website Creator for Existing Client-Accounts

This module is designed for cases where you or the clientaccount owner need a fast startingpoint for a clientaccount website. The goal is to generate the content and design data needed to fill a compatible website template automatically.

Enter your business data

Open the Website Creator form and add the business name, industry, services or products, description, logo, address, phone, email, brand colors, preferred image style and website language.

The more complete the data, the better the generated website will match the business.

Submit the form

After submitting, Templateflow creates the website concept, section texts, service cards, testimonials, team content, section-based colors, image prompts and images.

Wait about 4 minutes

The workflow fills the Custom Values in the connected client-account. The data includes hero texts, service cards, testimonials, opening hours, team texts, footer texts, images, logo URL and the Google Map iframe code.

Open the website section

If the sub-account uses a Templateflow-ready website template, the website already contains the correct placeholders and displays the generated content immediately.

Review and adjust

The customer can manually edit Custom Values in to fine-tune specific texts, colors or details before publishing.

Custom Values

How the form connects to the website

Templateflow stores generated website data in Custom Values. Website templates display this data through placeholders.

Text examples

{{ custom_values.tf_hero_title }}
{{ custom_values.tf_hero_subtitle }}
{{ custom_values.tf_service_1_title }}
{{ custom_values.tf_contact_address_text }}
{{ custom_values.tf_footer_copyright_text }}

Media & color examples

{{ custom_values.tf_header_logo }}
{{ custom_values.tf_hero_image }}
{{ custom_values.tf_google_map_iframe_code }}
{{ custom_values.tf_header_background_color }}
{{ custom_values.tf_services_card_background_color }}

Layout map

Where to use the main Templateflow variables

This schematic layout shows the most important placeholders per website section. Use it as a quick guide when building or checking templates.

Header

Logo, menu, CTA

tf_header_logotf_header_action_button_texttf_header_background_colortf_header_menu_text_colortf_header_button_background_color

Hero

First impression

tf_hero_titletf_hero_subtitletf_hero_imagetf_hero_overlay_colortf_hero_button_background_color

Welcome

Introduction

tf_welcome_titletf_welcome_textblock_1tf_welcome_imagetf_welcome_background_colortf_welcome_text_color

Services

3 service cards

tf_service_section_titletf_service_1_titletf_service_2_titletf_service_3_titletf_services_card_background_color

About / Team

Trust section

tf_about_us_titletf_about_us_textblock_1tf_employee_1_nametf_employee_1_roletf_about_background_color

Testimonials

Social proof

tf_testimonials_section_titletf_testimonial_1_quotetf_testimonial_2_quotetf_testimonials_stars_colortf_testimonials_card_text_color

Contact

Conversion

tf_contact_section_titletf_contact_address_texttf_contact_phone_texttf_google_map_iframe_codetf_contact_button_background_color

Footer

Final details

tf_footer_logotf_footer_textblock_1tf_footer_background_colortf_footer_text_colortf_footer_link_color

Custom templates

Creating your own website template

Customers are not limited to Templateflow templates. Advanced users can create their own website template and connect it to the same variables.

Template preparation checklist

Create or open a website/funnel page.
Design Header, Hero, Welcome, Services, About, Testimonials, Contact and Footer.
Insert Templateflow Custom Value placeholders into text, image and style settings.
Use section-based color values for backgrounds, text, buttons, cards and overlays.
Run the Website Creator form and test the template with multiple industries.

Practical examples

Hero headline:
{{ custom_values.tf_hero_title }}

Service card 1:
{{ custom_values.tf_service_1_title }}
{{ custom_values.tf_service_1_short_text }}

Section background:
{{ custom_values.tf_services_background_color }}

Button color:
{{ custom_values.tf_hero_button_background_color }}

Important:

A reusable template should not contain fixed client-specific text. Use Templateflow variables wherever dynamic business content should appear.