Column Banners are an efficient way to advertise your products. Effective banner designs need a few things to work well like banner Placement, use Large Text, choose A Bold and Readable Font, provide A Simple Message, include Necessary Information, use High-Quality Graphics and Photos, keep Your Brand In Mind.

  1. Go to Smarketly sections and click on Add content

  2. Scroll down to Column Banners and click on Add

  3. Choose where to showplace your column banner by selecting one of the choices from “Above content, Below content, or Above footer”

  4. Under main display settings, click on Select collection to choose the collection to display and click on the specific collection, then click on Select product to choose the product to display and select the specific product.

  5. Choose to enable or disable the Fullwidth size tick or untick the padding-box to add padding or remove it, and choose to tick or untick the Top offset –20px box

  6. Choose how many items to display per line, from 1 to 4

  7. Select Normal, Small, or from the drop option for the Top Offset.

  8. Under the title, choose to tick or untick the Show title box, or choose to position the title on the left by ticking the box, then select or deselect the Boxed title when fullwidth.

  9. Enter the text for the title and add the description text

  10. Under min, settings choose the description size to make it Small or big

  11. If you want to add any animation for text background choose to scale or no scale it from the drop-down menu.

  12. Choose to place the Main text information position on the

  • Top left

  • Top center

  • Top right

  • Left

  • Center

  • Right

  • Bottom left

  • Bottom center

  • Bottom right

  1. Choose to use the same description width by ticking or un-ticking the appropriate box then type in the integer in px in the box below

  2. To include or exclude a border, tick or untick the Show border-box then choose a border color if you’ll have a border

  3. Using the knob, slide to the preferred px to customize the description background roundness.

  4. To edit individual banners, select the specific banner and (Banner 1, 2, 3…) and click on Select image to add a display picture then choose the picture, and click on Select.

  5. If you’ll use a link, tick the appropriate box then add paste the link in the box, then edit the small text to be displayed with your product, as well as the Big Text that’ll be shown.

  6. To enable displaying the Show image icon, tick the appropriate box and then click on Select image then choose your image and click on Select, then choose the color for the: 

  • Base text 1 color, 

  • Base text 2 colors, 

  • Active text 1 color, 

  • Active text 2 colors, 

  • Base background color, 

  • Active background color, and the

  • Border color

  1. Choose to either select or deselect the Show premade buttons and Show button 1, then edit the button text.

As you customize your column banner, keep your brand in mind to create something your customers will resonate with. If it ain't broken, don't fix it, so keep it simple.