LDPage/docs

Search documentation

SUGGESTED FOR YOU187 results

Search published articles · By section

Page settings: SEO, appearance and tracking codes

Set the page name, slug, language and favicon; optimize SEO and the share image; change style, colors and fonts; add Facebook Pixel, GA4, Google Ads, GTM and TikTok; and turn on floating page utilities.

What are page settings for?#

Page settings collect everything that applies to the whole page rather than a single element: name and slug, language, favicon, notes for the AI Agent, domains, SEO and social share cards, the overall style, colors and fonts, ad tracking codes, custom code and floating buttons such as Call/Zalo/Messenger.

  1. 1

    In the editor, click the Settings tab (Cài đặt) on the left rail. The Page settings dialog (Cài đặt trang) opens in the middle of the screen, with the current page name under the title.

  2. 2

    The left column lists 8 sections: General (Chung), Domain (Tên miền), SEO & sharing (SEO & chia sẻ), Appearance (Giao diện), Fonts (Font chữ), Tracking codes (Mã theo dõi), Custom code (Mã tuỳ chỉnh), Utilities (Tiện ích). Type in "Tìm mục cài đặt…" to filter quickly.

  3. 3

    The footer shows "All changes are saved automatically" (Mọi thay đổi được lưu tự động), a Preview button (opens a preview in a new tab) and Done (Xong — closes the dialog). You can also close it with × or Esc.

Who can use it: the workspace owner and members with the editor role. Changes are saved automatically to the draft; the public page updates only after you click Publish. The HTML/JS part of Custom code requires a plan with the custom code permission.

1. General#

  1. 1

    Page name (shown only in the admin area): the name you see in your page list; visitors never see it.

  2. 2

    Slug (Đường dẫn): the part after /p/ in the page's default address. Only lowercase letters, numbers and hyphens; LDPage converts accented letters automatically. If the page is published, LDPage asks "Change page slug?" because the old default address stops working immediately (custom domains are not affected).

  3. 3

    Page language (Ngôn ngữ trang): controls built-in texts (form submit button, success dialog, countdown…) and the <html lang> tag. It does not translate your content; to translate the whole page, ask the AI Agent, for example "Translate the whole page into English".

  4. 4

    Favicon: click Choose image (Chọn ảnh) to upload a square PNG/SVG of at least 64×64; the preview above mimics a browser tab.

  5. 5

    Notes for the AI Agent (not shown on the page): tone of voice, fixed information, things to avoid… The AI Agent always reads these notes before every editing request.

Figure 1. The General section for "Trà Thảo Mộc An Nhiên — Landing": Page name (admin only), Slug with the /p/ prefix and the value tra-thao-moc-an-nhien-landing, Page language set to Tiếng Việt, the FAVICON area with a tab preview and the Choose image button; the footer shows the auto-save message, Preview and Done. Sample data. Vietnamese UI.

2. Domain#

The Domain section shows the page's addresses: the Default address (with Copy link and Open page buttons) and any custom domains pointing to the page. The Connect a custom domain box takes a domain such as khuyenmai.congty.vn (no http:// or path); after adding it, create the CNAME or TXT record from the DNS guide and click Verify (Xác minh). An SSL certificate (https) is issued automatically after verification. Other domains in the workspace can be moved to this page with "Move to this page".

Addresses only work after the page is published. The number of custom domains depends on your plan. Step-by-step details are in the article on publishing pages and connecting domains.

Read: Publish pages and connect domains →

3. SEO & sharing#

  1. 1

    The top shows an SEO score ring and a checklist: Title 30–70 characters, Description 70–170 characters, Keywords set, Share image (OG) set, Favicon set, Exactly one H1 heading, All images have alt text. The score is the percentage of items that pass.

  2. 2

    Google search result card: enter the Page title and Description. The bar under each field says Not entered, A bit short, Good length or At limit with the character count; the Google preview box simulates the search result.

  3. 3

    Keywords (comma-separated), for example "sunscreen, korean cosmetics".

  4. 4

    Allow indexing: Allow (index, follow), Index without following links, Hide from Google but follow links, or Hide completely (noindex, nofollow). Canonical URL (optional) when the original version lives at another address.

  5. 5

    Sharing to Facebook / Zalo / Messenger: upload a Share image (Open Graph), recommended 1200×630 (1.91:1) and under 1MB; share title and description fall back to the SEO title/description when empty. The share card preview shows the result.

  6. 6

    Ownership verification: paste only the CODE (not the whole <meta> tag) into the Google Search Console or Facebook domain verification field.

Figure 2. The SEO & sharing section: a score ring of 71 with the checklist (Share image (OG) and Favicon not yet done); the GOOGLE SEARCH RESULT card shows the Page title at 54/70 and the Description at 156/170, both marked Good length. Sample data. Vietnamese UI.
The example passes 5 of 7 items, so the score is 71; add a share image and a favicon to reach 100. Without a share image, social networks pick an arbitrary image from the page.

4. Appearance and fonts#

  1. 1

    Style (Phong cách): Balanced (Cân bằng — clean, for any industry), Bold (Đậm khỏe — sales, promotions), Editorial (Tạp chí — premium brands), Soft (Mềm mại — beauty, mother & baby, education), Tech (Công nghệ — SaaS, apps).

  2. 2

    Preset palettes (Bảng màu dựng sẵn): Trusted green, Corporate blue, Energetic orange, Fashion pink, Creative purple, Promo red, Luxury dark, Tech midnight.

  3. 3

    Customize each color: Primary, Text on primary, Page background, Surface, Text, Secondary text, Accent; the sample beside it shows a heading, description, primary button and accent label with the current colors.

  4. 4

    Layout: Corner radius (buttons, cards, images) — Square, Slight, Medium, Large, Round; Spacing density — Compact, Balanced, Airy; Content width (px) from 800 to 1600.

  5. 5

    Fonts section: pick a curated font pair (Modern, Luxury, Classic, Tech, Friendly, Strong) or customize (Heading font, Body font, optionally use one font for both), then set the Base font size and Heading scale (from 1.125 — Light to 1.5 — Very large). Every font in the list supports Vietnamese and is loaded from Google Fonts.

Figure 3. The Appearance section: STYLE has Balanced (Cân bằng) selected with a ✓, next to Bold, Editorial, Soft and Tech; PRESET PALETTES shows 8 palettes from Trusted green (Xanh lá tin cậy) to Tech midnight (Xanh đêm công nghệ). Vietnamese UI.
These settings are the page-wide defaults. A color or font set on an individual element in the Inspector takes precedence.

5. Tracking codes#

  1. 1

    Open Tracking codes. Each service is a card with an ID field and a hint on where to find it: Facebook Pixel (Meta Events Manager › Data sources › Pixel ID), Google Ads (AW-…), Google Analytics 4 (G-…), Google Tag Manager (GTM-…), TikTok Pixel.

  2. 2

    Paste the exact ID. The badge in the card's corner changes from Not connected (Chưa kết nối) to Active (Đang bật) when the format is valid; if it says Invalid format — the code will be ignored, double-check the ID.

  3. 3

    For Google Ads, entering the ID reveals the Google Ads conversion label field — the part after / in the conversion tag's send_to. Leave it empty to record page views only.

  4. 4

    When a visitor submits a form, LDPage automatically sends Lead (Facebook), generate_lead (GA4), conversion (Google Ads), SubmitForm (TikTok) and pf_lead (dataLayer/GTM).

Figure 4. The Tracking codes section: the note that codes take effect on published pages, with the list of automatic events; the Facebook Pixel, Google Ads and Google Analytics 4 cards all show Not connected, with sample placeholders only (123456789012345, AW-123456789, G-XXXXXXXXXX) and hints on where to find each ID. Captured before entering real IDs. Vietnamese UI.
Tracking codes only work on the published page, not in the editor. After entering IDs, click Publish and verify with each platform's tool (for example Meta Pixel Helper or Tag Assistant).

6. Custom code#

  1. 1

    Page-wide CSS (CSS toàn trang): CSS applied immediately on the canvas. Engine classes use the .pf-* prefix and each element has a [data-node-id] attribute. @import and url() to unknown sources are not supported.

  2. 2

    HTML/JS code: code in <head> (meta, script, style) and code at the end of <body> (chat widgets, custom JS). This part is available only on plans with the custom code permission; otherwise the section shows a notice with an Upgrade button.

  3. 3

    The Generate with AI (Tạo bằng AI) button on each card opens a dialog where AI writes code from your description and inserts it into the right field.

  4. 4

    Each code field holds up to 20,000 characters.

Raw HTML/JS only runs on the published page (not in the editor). You are responsible for the code you insert — only paste code from trusted sources.

7. Utilities#

  1. 1

    Floating contact (Call / Zalo / Messenger): fill in the Phone number (Call button), Zalo (phone number or zalo.me link) and Messenger (fanpage username or m.me link). Each filled channel shows a floating button at the bottom left of the page; clear a field to hide it.

  2. 2

    Page-wide buttons & effects: switch on the "Back to top" button (floating at the bottom right, shown after scrolling down), the Reading progress bar (a thin primary-color line at the top that follows the scroll position) and Reveal on scroll (all blocks) if you want every block to fade in as it scrolls into view.

  3. 3

    These utilities can also be toggled quickly from the Utilities category in the editor's Add tab.

Figure 5. The Utilities section: FLOATING CONTACT (CALL / ZALO / MESSENGER) has three empty fields — Phone (Call button), Zalo, Messenger — showing examples only; PAGE-WIDE BUTTONS & EFFECTS has the "Back to top" and Reading progress bar switches turned off. Vietnamese UI.

Notes#

  1. 1

    The footer says "Version conflict — reload the page": the page was just edited elsewhere; reload the editor and redo your change.

  2. 2

    The footer says "Save failed — will retry automatically": check your network connection; LDPage saves again when it is back.

  3. 3

    After changing SEO, tracking codes or utilities, remember to click Publish so the public page picks them up; Google and social networks may take time to refresh the title, description and share image.

Page settings: SEO, appearance and tracking codesBack to top
© 2026 LDPage DocsPowered by CMSNT LTDA guide to using LDPage.