Advance Customization of Builder Print

  • 0

How to integrate "Skype"? 

  1. Adding Skype:
    • Drag and drop Advanced from main toolbar;
    • Choose "Skype Im Online" composition;
    • Write your "Skype Name".
  2. Customizing Skype:
    • Button label:
      Write button text in the right toolbar.
    • Style:
      Select button style from the drop down menu in the right toolbar.
    • Button color:
      Select button color and select "Show Icon" in the right toolbar.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to use "Banner"? 

  1. Adding Banner:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Banner composition;
    • Upload your banner click picture  in right toolbar;
    • Write Banner URL in the right toolbar.
  2. Customising Banner:
    • Script:
      Insert your script by clicking script  in the right toolbar.
      Script content should be "Deactivate content while in builder (recommended)" for it not to interfere with builder.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to integrate "AdSense"? 

  1. Adding AdSense:
    • Drag and drop "Advanced" from main toolbar;
    • Choose AdSense composition;
    • Click HTML code  and write AdSense code.
      Code content should be "Deactivate content while in builder (recommended)" for it not to interfere with builder.
  2. Customizing AdSense:
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to integrate "Google Calendar"? 

  1. Adding Google Calendar:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Google Calendar composition;
    • Write your Google calendar ID in the right toolbar.
  2. Customizing Google Calendar:
    • Calendar name:
      Write calendar name in the right toolbar.
    • Language:
      Select language from the dropdown list in the right toolbar.
    • Time zone:
      Select the time zone from the dropdown list in the right toolbar.
    • First day:
      Select the first day from the dropdown list in the right toolbar.
    • Background color:
      Click Background color  in the right toolbar.
    • View mode:
      Select week / month / agenda in the right toolbar.
    • Options:
      Select additional options in the right toolbar.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to use "Table"? 

  1. Adding Table:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Table composition;
    • Write your "Cell padding" in the right toolbar.
  2. Customizing table:
    • Insert row / column:
      Right click the mouse, select "+Insert" and choose one of the options.
    • Remove row / column:
      Right click the mouse, select "xRemove" and choose one of the options.
    • Edit text:
      Right click the mouse and select "Edit cell text".
    • Clear cell(s):
      Right click the mouse and select "Clear cell(s)".
    • Background:
      Click the background  in the right toolbar and choose color and opacity.
    • Border:
      Click the border  in the right toolbar and choose width, color or style.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to integrate "Zendesk"? 

  1. Adding Zendesk:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Zendesk composition;
    • Write your Widget key in the right toolbar.
  2. Customizing Zendesk:
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to integrate "Olark"? 

  1. Adding Olark:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Olark composition;
    • Write your Site ID in the right toolbar.
  2. Customising Olark:
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to integrate "Tawk.to"? 

  1. Adding Tawk.to:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Tawk.to composition;
    • Write your Site ID in the right toolbar.
  2. Customizing Tawk.to:
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to use "Countdown"? 

  1. Adding Countdown:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Countdown composition;
    • Write your "End date" and "End time" in the right toolbar.
  2. Customizing Countdown:
    • Countdown display:
      Click the countdown  in the right toolbar and select font, color and style.
    • Text:
      Click text  in the right toolbar and select font, color, size and style.
    • Caption spacing:
      Write caption spacing in the right toolbar.
    • Caption position:
      Select caption position top or bottom in the right toolbar.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to use "Getbutton"? 

  1. Adding Getbutton:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Getbutton composition;
    • Connect your button to one of the platforms in the right toolbar.
  2. Adding Getbutton-PRO:
    • Activating Getbutton-PRO:
      Write "Pro version key" in the right toolbar.
    • Greeting message:
      Write greetings message in the right toolbar. It will appear 5 seconds after the page is loaded.
    • Company logo:
      Write company logo to greetings message in right toolbar.
    • Getbutton branding:
      Disable button branding in the right toolbar.
    • Google Analytics:
      Enable google analytics to track clicks.
    • Color:
      Click color  and select button color in the right toolbar.
    • Position:
      Adjust the vertical and horizontal position of the button in the right toolbar.
  3. Customising Getbutton:
    • Call to action:
      Write a call to action message that appears only on the desktop in the right toolbar.
    • Position:
      Select button position in right toolbar.
    • Color:
      Select button color from the dropdown list in the right toolbar.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to use "Count Up"? 

  1. Adding Count Up:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Count Up composition;
    • Write your "From" and "To" numbers in the right toolbar.
  2. Customizing Count Up:
    • Duration:
      Select the duration of count up in the right toolbar.
    • Text:
      Click text  in the right toolbar and select font, color, size, style, align and letter spacing.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to use "Smartarget Whatsapp"? 

  1. Adding Smartarget Whatsapp:
    • Drag and drop "Advanced" from main toolbar;
    • Choose Smarttarget Whatsapp composition;
    • Write your Smartarget User ID in the right toolbar.
  2. Customising Smartarget:
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to use "Slider"? 

  1. Adding slider:
    • Drag and drop "Advanced" from main toolbar;
    • Choose "Slider" composition;
  2. Editing slider:
    • New item:
      Select element and click "New Item" in the right toolbar.
    • Edit item:
      Select element and click edit in right toolbar to edit section, change/add title.
      Note: Selected slide will be edited. Click one of the radio buttons at the bottom of the element to change the slide or select e.g. 1 slide in the right toolbar in "Page structure".
    • Layout:
      Select element and select "Layout" in the right toolbar.
    • Add element:
      Select the section of the element and drag and drop the element from the main toolbar you would like to add.
  3. Customizing slider:
    • Change frequency:
      Set change frequency in the right toolbar.
    • Default:
      Set default background, border and title color in the right toolbar.
    • Hover:
      Set hover background, border and title color in the right toolbar.
    • Active:
      Set active background, border and title color in the right toolbar.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.

How to use "Tabs"? 

  1. Adding tabs:
    • Drag and drop "Advanced" from main toolbar;
    • Choose "Tabs" composition;
  2. Editing tabs:
    • New item:
      Select element and click "New Item" in the right toolbar.
    • Edit item:
      Select element and click edit in right toolbar to edit section, change/add title.
      Note: Selected slide will be edited.
    • Layout:
      Select element and select "Layout" in the right toolbar.
    • Add element:
      Select the section of the element and drag and drop element from the main toolbar you would like to add.
  3. Customizing tabs:
    • Default:
      Set default background, border and title color in the right toolbar.
    • Hover:
      Set hover background, border and title color in the right toolbar.
    • Active:
      Set active background, border and title color in the right toolbar.
    • Size:
      Set element size or "Allow to adjust size automatically" in the right toolbar.



 


Was this answer helpful?

« Back

Powered by WHMCompleteSolution