Guideline

Guide to Using Landing Page Builder - GTG CRM

Alex Pham

532 views

Table of Contents

1. Visit Landing Page Builder

Step 1: Log in to GTG CRM

Access the GTG CRM system and log in with your account.

Step 2: Open Landing Page Builder

From the main menu, select Landing Page .

Landing Page creation menu

2. Create a new landing page.

Step 1: Click the "Create New" button

Click the "Create New Landing Page" or "+ Add New" button.

Step 2: Name your Landing Page

  • Enter a name for the landing page.
  • This name will be used for internal management.

3. Choose a Template

Step 1: Browse the Template Library

The system displays nearly 100 design templates across various industries.

Template Library

Step 2: Search using AI

Use the search bar with multilingual AI support:

Example of a Vietnamese search:

AI Search in Vietnamese

Multilingual support: Vietnamese, English, Thai, Japanese, Chinese, Korean, Indonesian...

AI Search in English

Step 3: Preview the Template

  • Click on the template to see a preview.
  • Click "Use this template" to begin editing.
Preview Template

4. Custom Design Requirements

If you can't find a suitable template, you can request a custom design.

Step 1: Submit your request

Click "Request custom design" or "Create ticket"

Custom design required.

Step 2: Provide a detailed description

Fill in the details for the landing page you need:

  • Occupation
  • Purpose of use
  • Desired design style
Example: Ticket

Step 3: Monitor the status

Check your progress at the Support Center :

Support Center

5. Translate the entire page's language.

Step 1: Open language settings

In the editor, select "Translate language" or "Translate".

Language translation

Step 2: Select the target language

  • Select the language you want to translate to (e.g., Korean)
  • The system automatically translates the entire content.
Content translated from Korean

Supported languages:

  • Vietnamese
  • English
  • Thai language
  • Japanese
  • Chinese
  • Korean
  • Indonesian
  • And many other languages

6. Customize Style & Font

Step 1: Open Style Settings

In the editor, select the Style tab .

Step 2: Choose a color

  • Primary color: The main color of the landing page.
  • Secondary color: Complementary color
  • Background color: The background color of the sections.
Color style

Step 3: Choose a Font

  • Heading font: Choose a font for your headings.
  • Content font: Choose a font for the paragraph
Font style

7. Edit Header & Brand Identity

7.1 Editing the Header

Header Editing

Choose a logo from multiple sources:

  • Upload from computer
  • Google Photos
  • Create a new one from Brand Identity
Header Logo Options

7.3 Creating Brand Identity with AI

Connect with Brand Identity to create brand recognition:

Create Brand Identity

Using AI to create branded content:

Brand AI Content

AI automatically extracts the color palette:

Brand Color Palette

7.4 Creating Logos Using AI

Enter a description of your desired logo:

AI Logo Generate

Choose from multiple results:

AI Logo Results

7.5 Customize Menu & CTAs

Edit the navigation menu and CTA button:

Header Menu & CTA

Add social media links:

Header Social Links

7.7 Style Header

Customize the style and font for the header:

Header Style & Font

8. Set up the data collection form.

Step 1: Open the Settings form.

Click on the Form section or select Form Settings .

Form Settings

Step 2: Use AI to create content

AI helps generate descriptions for forms:

AI Content Form

Step 3: Customize the fields

Form Fields

Popular schools:

  • Full name (Required)
  • Phone number (Required)
  • E-mail
  • Address
  • Note

Step 4: Set up shipping fees (if selling goods)

Delivery fee
  1. Enable the "Charge delivery fee" feature.
  2. Enter the delivery fee (e.g., 25,000 VND)
  3. The fee will be automatically added to your order.

9. Edit the Hero Section

The hero section is the first thing customers see.

Step 1: Edit the content

Hero Section

Ingredients:

  • Main title
  • Describe
  • CTA button
  • Background image

Step 2: Create a wallpaper using AI.

Describe your idea for AI to design the background:

AI Background

10. Sales & Checkout

Step 1: Test the Landing Page

After publishing, test the functions:

Test Landing Page

Step 2: Add products to the cart

The customer clicks the "Add to cart" button:

Add to cart

Step 3: Fill out the Checkout form

Checkout Form

Step 4: Confirm the order

Order completed

11. Order Management & CRM

11.1 View order list

Orders are automatically fed into the quotation system:

Order management

11.2 Order Details

View details and generate a PDF invoice:

Order details

11.3 CRM Contacts

Customer information is automatically saved to the CRM:

CRM Contacts

11.4 Product Management

Managing products in Custom Objects:

Custom Object

12. View Analytics

Access Analytics

From the list of landing pages, click "View details" or the Analytics icon.

Analytics

Tracking metrics

Index Meaning
Website traffic Number of visitors to the landing page
Bounce Rate % of people left immediately
Average time The length of time visitors stay on the site
Conversion rate % of customers take action

Equipment Statistics

Analytics Devices
  • Desktop vs Mobile
  • Browser
  • Operating system

13. Managing & Editing Landing Pages

13.1 Management Interface

View all landing pages you have created:

LP Management

13.2 Edit & Republish

Edit and republish:

Edit & Republish

13.3 Changing the domain name

Change the landing page URL:

Change domain

Confirm that the domain name has been updated:

Domain Updated

Tips for Optimizing Landing Pages

1. An attractive title

  • Clear and concise.
  • Highlight the benefits for customers.
  • Use specific data.

2. Powerful CTAs

  • Use action verbs: "Register now", "Get the offer"
  • Vibrant colors
  • Place it in a visible location.

3. High-quality images

  • Use high-resolution images.
  • Optimize size for faster loading.
  • In line with the message

4. Simple form

  • Only ask for the necessary information.
  • Reduce the number of compulsory schools.
  • There is clear confirmation after submission.

Optimize Operations Accelerate Business Growth

Free 20.00066.888 credit
Full features
No credit card required