How to add a Callout Box?

Rein­force a par­tic­u­lar call to action to some­thing rel­e­vant both for you and your read­ers, by using the Pix­el­grade: Call­out Box Wid­get. You can do that by using an image, a short text and a but­ton with a link for more details.

How it works?

We went through numer­ous sites and researched the typ­i­cal pro­mo­tion­al box that appears on a web­site. As a result, we cre­at­ed a wid­get that dis­plays your con­tent in two columns: one reserved for the image and the oth­er for the con­tent and call-to-actions.

The Pix­el­grade: Call­out Box wid­get has the fol­low­ing sec­tions:

  • Head­line – the mes­sage that will appear in the first col­umn of your Pro­mo Box. This is dif­fer­ent from the Sec­tion Title when it comes to size and font style, which means that it’s the most impor­tant part of your Pro­mo Box, the hook that will catch your audi­ence.
  • Descrip­tion – the text that will appear after the Head­line. Could be a short descrip­tion of what you are pro­mot­ing at some point.
  • But­ton Text – the text that will be dis­played on the but­ton. If you leave this field emp­ty, no but­ton will be dis­played.
  • But­ton Link URL – the link that you want to attach to your but­ton.
  • Fea­tured Image – the image that will appear in the sec­ond col­umn of your Pro­mo Box.

This article applies to Vasco, as they share the same underlying structure.

Updated on March 15, 2018

Was this article helpful?