Marketing → Widgets → Clabs Widgets


How to create a widget

  1. Go to Marketing - >Widgets → CLabs Widgets

    alt_text

  2. Select one of the widgets available

    alt_text

  3. Name your widget

    alt_text

  4. Use the tabs to modify the fields and behavior of your widget

  5. When done click Save and update

    alt_text

How to List your widgets

  1. Go to Marketing - >Widgets → My Widgets

    alt_text

  2. On the right a list of all the widgets created will appear

    alt_text

How to edit a widget

  1. Go to Marketing - >Widgets → My widgets

    alt_text

  2. Select a widget, click the … menu and choose the edit option

    alt_text

  3. Each tab modifies certain part of the widget, the layout tab controls the following

    Show Quote

    alt_text

    Button Text

    alt_text

    Type of booking text

    alt_text

    Footer Text

    alt_text

    Booking page URL: When clicking the button the widget will redirect the browser to the specified URL

    alt_text

  4. The yellow sections indicates what the Style Tab controls

    Background

    alt_text

    Text Color

    alt_text

    Button Background

    alt_text

    Button Text

    alt_text

    Global Font

    alt_text

    Button Font

    alt_text

    Custom CSS (Advanced): this section controls the appearance of the entire widget via CSS. We recommend only edit this section if you have knowledge of HTML and CSS.

    alt_text

  5. The Fields tab controls the following widget areas

    First name. Select from the drop down list any of the following options:

    Optional: the client could leave this item blank

    Required: the client must complete the item

    Disabled: the item will be hidden entirely

    alt_text

    Last name. Select from the drop down list any of the following options:

    Optional: the client could leave this item blank

    Required: the client must complete the item

    Disabled: the item will be hidden entirely

    alt_text

    Email. Select from the drop down list any of the following options:

    Optional: the client could leave this item blank

    Required: the client must complete the item

    Disabled: the item will be hidden entirely

    alt_text

    Phone. Select from the drop down list any of the following options:

    Optional: the client could leave this item blank

    Required: the client must complete the item

    Disabled: the item will be hidden entirely

    alt_text

    Zip. Select from the drop down list any of the following options:

    Optional: the client could leave this item blank

    Required: the client must complete the item

    Disabled: the item will be hidden entirely

    alt_text

    Service. Shows or hides the corresponding field

    alt_text

    Frequency. Shows or hides the corresponding field

    alt_text

    Service Category. Shows or hides the corresponding field

    alt_text

    Pricing parameters. Shows or hides the corresponding field

    alt_text

  6. The advanced tab controls the following widget areas

    First name label

    alt_text

    Last name label

    alt_text

    Email label

    alt_text

    Phone number label

    alt_text

    Zip label

    alt_text

    Chose your service label

    alt_text

    Bathroom label

    alt_text

    Frequency label

    alt_text

How to install a widget

  1. Go to Marketing - >Widgets → My widgets

    alt_text

  2. Select a widget, click the … menu and choose the edit option

    alt_text

  3. Go to the installation tab and copy the code on display

    alt_text

  4. Paste the code where you want the widget to be displayed, i.g your website’s header or footer, or some place it plainly indicates.

    alt_text

    Customizer footer option on ConvertLabs themes

    alt_text

    When editing a page in a ConvertLabs Theme.

How to delete a widget

  1. Go to Marketing - >Widgets → My widgets

    alt_text

  2. Select a widget, click the … menu and choose the Delete option

    alt_text

  3. Confirm the message to delete the widget

    alt_text