Home Services
Explore Account

Start now

Enter the identity name you want to check, for example yourname.

myvibe.id.vn/
Great, this name is available.

Account

Sign up free
Light/Dark Theme
Language
MyVibe Docs

Page Builder guide

How to open the drag-and-drop builder, edit content, customize the design, save and publish your page.

Version 1.0 Effective 31/07/2026

Page Builder guide

How to open the drag-and-drop builder, edit content, customize the design, save and publish your page.

  • Page Builder is a visual drag-and-drop editor for customizing your identity page without coding.
  • You add elements and edit text, images, colors, spacing and layout directly on the live preview.
  • Changes are saved to the page and a version history lets you restore when needed.

1. Open the builder

You open Page Builder from the dashboard or from your domain list.

  • Go to the Domains or Orders section and click the builder button for the relevant page.
  • The builder is only available for an active, unlocked domain on a supported plan.
  • Each design session uses its own secure link tied to page ownership.

2. Edit and preview modes

The builder lets you switch quickly between two modes.

  • Edit mode: change content and layout directly on the live preview.
  • Preview mode: see the page as visitors see it, without editing.
  • Undo and Redo are supported so you can experiment safely.

3. Add and select elements

You build the page by adding and arranging elements.

  • Drag sections, text, images and buttons onto the canvas.
  • Click an element to open the property inspector and edit it.
  • Use the Layers panel to view the element tree and select quickly.

4. Customize content and design

The property inspector lets you fine-tune each element in detail.

  • Text: change content, bold, italic, underline, alignment and font size.
  • Links: set the target and how it opens (same window or new window).
  • Images: change the source, set alt text and adjust sizing.
  • Colors and background: set text color, background color, gradients and hover states.
  • Borders and radius: set border color, width and corner radius.
  • Spacing: adjust padding (inside) and margin (outside).

5. Save and manage versions

After editing, save to apply your changes to the page.

  • Click Save to update the page (the button is only available to the owner or an administrator).
  • View version history to compare and restore a previous save if needed.
  • The preview updates in real time as you edit.

6. Notes

Design capabilities depend on your plan; higher plans unlock more customization.

If the builder does not open, check that your domain is active and not locked, or contact MyVibe through official support channels.

MyVibe Logo

MyVibe Support

Online