How to Configure the Welcome Page

How to Configure the Welcome Page

Notes

he Welcome Page is the first screen users see when they open a registration or any form. It is designed to introduce the form, showcase your brand, and provide users with important information before they begin.

Using the Form Builder, you can customize the Welcome Page by updating its content, appearance, and interactive elements.

Before You Begin

Open the required form in Edit mode. The Welcome page is selected by default when the Form Builder opens.




Configure the Welcome Page

The Welcome Page consists of three sections:

  • Settings Panel (Left)
  • Form Preview (Center)
  • Field Settings (Right)


1. Configure Page Content

  1. Click Page Settings from the left panel.
  2. From the Field Settings panel, you can customize the following:
Setting
 Description
Page Title Displays the main heading of the Welcome Page.
Page Description Displays introductory text below the title.
Page Image Upload a logo or banner image.
Theme Color Changes the primary color used across the page.
Content Alignment Aligns the page content to the Left, Center, or Right.




2. Add Content Elements

  1. Click Add Elements to add components to the Welcome Page.
  2. The following elements are supported:
Element Use Case
Rich Text Add headings, descriptions, or formatted text.
Content Image Display logos, banners, or promotional images.
Status Message Display notices or important information.
Ticket Details Display support ticket-related details.
Button Add a Call-to-Action button such as Activate Warranty.


3. Customize Individual Elements

Select any element from the left panel.

Its properties appear in the Field Settings panel.

Depending on the selected element, you can configure:

  • Text
  • Images
  • Icons
  • Button Label
  • Visibility
  • Width & Height
  • Alignment


Configure Images

For the Content Image element, you can customize:

Property Description
Upload Image Upload or replace the image displayed on the Welcome Page.
Width Set the image width in pixels.
Height Set the image height in pixels.
Alignment Position the image on the Left, Center, or Right.

Recommended: Use a 1024 × 1024 px image with Center alignment for the best display.


Configure the CTA Button

Select the Button element to customize:

  • CTA Text
  • CTA Icon

Example:

  • CTA Text: Activate Warranty
  • CTA Icon: Shield


Preview and Save

Before publishing:

  • Click Preview to review the page.
  • Click Save to save your changes.


Result

After saving, users will see a branded Welcome Page containing:

  • Custom page title
  • Description
  • Images
  • Theme colors
  • CTA button
  • Company branding

    Need Assistance?

    If you require Dyrect to assist you with an integration, you can do so by following these steps:

    1. Create a support ticket by submitting a form here or email us at support@dyrect.co
      1. A support will reach out to you to request access to your Shopify store.


      Schedule a Personalize Demo

      Book your 30 minutes Personalised Demo with our Onboarding and Solutions Expert

        • Related Articles

        • Understanding the Form Builder Interface

          Overview The Form Builder provides an intuitive interface to create, customize, and manage forms in Dyrect. From a single workspace, you can configure pages, add form elements, customize field settings, preview your form, and publish it. Form Builder ...

        • How to Add and Manage Form Steps

          Overview Form Steps allow you to divide a form into multiple pages, making it easier for users to complete lengthy forms. Each step can contain its own page settings and form elements, helping you organize information into logical sections. Add a New ...

        • What is Form Builder?

          Overview The Form Builder is a no-code solution in Dyrect that enables you to create, customize, and manage forms for various business workflows. With its intuitive drag-and-drop interface, you can design forms without any coding knowledge, making it ...

        • How to Create a New Form

          Overview Forms are the foundation of data collection in Dyrect. Whether you're creating a Warranty Registration, Support, Service, or Custom form, the Form Builder enables you to design a tailored experience for your customers and internal users. ...