Create custom blocks of content to include within Landing Page template panels



How To


Create a Custom Block

  1. Click ADD NEW

  2. Add a title to describe the custom block



  1. Optional
    Add javascript to render the custom block



  1. Add your custom content using the WYSIWYG editor

  • You can add text, images, links, even videos

  • It can be helpful to consider whether your custom block is likely to be added to a full or half-width panel

    Example
    A custom block which will be added to a side panel might be laid out to take advantage of vertical space, while a block which might be added to a top or bottom panel should be designed to accommodate both a full-width horizontal layout on a desktop, as well as a stacked, vertical layout in responsive mode.



  1. Click ADD CUSTOM BLOCK to create the block


Note
To add the custom block to a Landing Page, refer to ‘Add Content to a Home/Landing Page’ in Stacks Academy.


Edit a Custom Block

  1. Locate the custom block you would like to edit from the list

  2. Click Edit to the right of the custom block to be edited



  1. Make any necessary changes to the custom block

  2. Click SAVE to apply your changes


Delete a Custom Block

  1. Click Delete to the right of the custom block to be deleted

  2. Click DELETE to confirm the removal of this custom block