Pages and Sections Components Properties
    • PDF

    Pages and Sections Components Properties

    • PDF

    Article Summary

    Pages & Sections Components Properties

    The following sections detail the properties of the Page & Sections components. The Pages & Sections components are:

    • Greeting Page
    • Thank You Page
    • Main Page
    • Main Section
    NOTE
    • The components found under Page & Sections are custom components and may differ from environment to environment. 
    • If you want to skip to our How to videos section and learn how to use Page and Sections components, click here.

    Greeting Page Properties

    Figure 1 and Table 1 describe the properties of the Greeting Page component:

    Figure 1: Greeting Page Properties Section

    Table 1: Greeting Page Properties Section

    Number

    Icon

    Name

    Description

    -

    Page Name

    Enables to write a name for the page

    Model

    Enables to connect the component to the Model by:

    • Clicking the icon
    • Creating a new transaction data item
    NOTE
    Logo

    Enables to select an image file such as .jpg and .png to be a logo

    NOTE

    Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the Themes Overview article

    -Logo_WidthEnables to set the width of the logo
    Left_Bg_ColorEnables to set the background color of the left side of the screen
    NOTE

    The background color is selected from a color palette or from the Theme of the Webflow. For additional information about Themes, see the Themes Overview article

    Right_Bg_ColorEnables to set the background color of the left side of the screen
    NOTE

    The background color is selected from a color palette or from the Theme of the Webflow. For additional information about Themes, see the Themes Overview article


    -Show Button
    • When checked - displays the button 
    • When not checked - hides the button 
    -Button TextEnables to set the text of the button
    Button_Action

    Enables to set the button with a built-in action or with an action customized with code:

    • Custom - the default value, this is not a built-in action and customization with code is needed by clicking the pencil icon (not covered in this article)
    • Next - navigates to the next page
    • Back - navigates to the previous page
    • Submit - submits the digital process
    NOTE
    • The built-in actions: Next, Back, and Submit can be customized with code as well, by clicking the pencil icon
    • After submitting the digital process there is no way to navigate back to it
    Charachter_Image

    Enables to select an image file such as .jpg and .png to be a background picture

    NOTE

    Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the Themes Overview article

    -

    + Add to Agent

    Enables to add the component to the Agent screen

    NOTE

    This button will only appear if the Journey Sender feature is enabled, for additional information, see the Journey Sender article

    -

    Delete

    Enables to delete the component from the canvas

    NOTE
    Deleting a Greeting Page component that contains other components will delete them as well

    Thank You Page Properties

    Figure 2 and Table 2 describe the properties of the Thank You Page component:

    Figure 2: Thank You Page Properties Section

    Table 2: Thank You Page Properties Section

    Number

    Icon

    Name

    Description

    -

    Page Name

    Enables to write a name for the page

    Model

    Enables to connect the component to the Model by:

    • Clicking the icon
    • Creating a new transaction data item
    NOTE
    Logo

    Enables to select an image file such as .jpg and .png to be a logo

    NOTE

    Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the Themes Overview article

    -Logo_WidthEnables to set the width of the logo

    -Logo_Width_MobileEnables to set the width of the logo for mobile view
    Bg_ColorEnables to set the background color of the screen
    NOTE

    The background color is selected from a color palette or from the Theme of the Webflow. For additional information about Themes, see the Themes Overview article


    -

    + Add to Agent

    Enables to add the component to the Agent screen

    NOTE

    This button will only appear if the Journey Sender feature is enabled, for additional information, see the Journey Sender article

    -

    Delete

    Enables to delete the component from the canvas

    NOTE
    Deleting a Greeting Page component that contains other components will delete them as well

    Main Page Properties

    After adding the Main Page component to the canvas, configure its properties, design its look, configure its form buttons, set the co-browsing option, and connect it to the Model. Figure 3 and Table 3 describe the properties of the Main Page component:

    Figure 3: Main Page Properties Section

    Table 3: Main Page Properties Section

    Number

    Icon

    Name

    Description


    -

    Page Name

    Enables to write a name for the page


    Model


    Enables to connect the component to the Model by:

    • Clicking the icon
    • Creating a new transaction data item
    NOTE

    -

    Primary Button Text

    Enables to set the label of the primary form button

    NOTE

    If the Primary Button Text is not set, the primary form button will not be visible

    Primary Button Action

    Enables to set the primary button with a built-in action or with an action customized with code:

    • Custom - the default value, this is not a built-in action and customization with code is needed by clicking the pencil icon (not covered in this article)
    • Next - navigates to the next page
    • Back - navigates to the previous page
    • Submit - submits the digital process
    NOTE
    • The built-in actions: Next, Back, and Submit can be customized with code as well, by clicking the pencil icon
    • After submitting the digital process there is no way to navigate back to it

    Secondary Button Action

    Enables to set the secondary button with a built-in action or with an action customized with code:

    • Custom - the default value, this is not a built-in action and customization with code is needed by clicking the pencil icon (not covered in this article)
    • Next - navigates to the next page
    • Back - navigates to the previous page
    • Submit - submits the digital process
    NOTE
    • The built-in actions: Next, Back, and Submit can be customized with code as well, by clicking the pencil icon
    • After submitting the digital process there is no way to navigate back to it

    -

    Show Secondary Button

    • When checked - displays the secondary from button 
    • When not checked - hides the secondary form button


    Logo

    Enables to select an image file such as .jpg and .png to be a logo

    NOTE

    Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the Themes Overview article

    -


    Logo widthEnables to set the width of the logo

    -


    Logo width MobileEnables to set the width of the logo for mobile view
    Background Image

    Enables to select an image file such as .jpg and .png to be a background picture

    NOTE

    Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the Themes Overview article

    -

    Show Cobrowsing Button

    • When checked - the Main Page component displays the Co-Browsing button
    • When not checked - the Main Page component does not display the Co-Browsing button
    -
    Is Preview Page
    • When checked - the Main Page component will be set as a preview page, the Preview component will be dragged and dropped onto it
    • When not checked - the Main Page component will not be set as a preview page and will not be able to contain the Preview component

    Previewbackground Image

    Enables to select an image file such as .jpg and .png to be a background picture for the preview page

    NOTE

    Image files must be added to the Theme of the Webflow before they are available for selection. For additional information about Themes, see the Themes Overview article

    -

    Is Progress Bar

    • When checked - if the page contains a Progress Bar component, adjusts the layout of the page when the view is mobile
    • When not checked -will not change the layout of the page when the view is mobile, even if the page contains a Progress Bar component

    -

    + Add to Agent

    Enables to add the component to the Agent screen

    NOTE

    This button will only appear if the Journey Sender feature is enabled, for additional information, see the Journey Sender article

    -

    Delete

    Enables to delete the component from the canvas

    NOTE
    Deleting a Main Page component that contains other components will delete them as well

    Main Section Properties

    After adding the Main Section component to the canvas, configure its properties. Figure 4 and Table 4 describe the properties of the Main Section component:

    Figure 4: Main Section Properties Section

    Table 4: Main Section Properties Section

    Number

    Name

    Description

    Section Id

    Enables to set the Id of the Main Section component

    Title

    Enables to set the title of the component


    + Add to Agent

    Enables to add the component to the Agent screen

    NOTE

    This button will only appear if the Journey Sender feature is enabled, for additional information, see the Journey Sender article

    Delete

    Enables to delete the component

    How to Videos

    To quickly learn how to use Page and Sections components, watch the following videos.

    • Greeting Page:

    • Main Page:

    • Main Section:



    Was this article helpful?