Page Block Layout Options:

Columns Block
Testimonial Block
Cards Block
Logos Block
Map Block
Products Block
Focus Block
Before & After Block

To Create A Columns Block:

  • Go to the page blocks section of the WP dashboard and select “Add New”
  • Enter the title of the block for internal use purposes in the “Add Title” Field
  • Select the columns layout from the layouts field
  • Select a background color
  • (optional) Select if you would like to use a divider on this block, and the color if the divider
  • Add all header content into the header area field
  • Click the red “Add Column” button.
  • Select what type of column you would like to add: text, image, video, icon list, gallery
  • Once selected, enter all content into the WYSIWYG of the column you have just selected.
    • For imagery, add from the media library or upload the image you want to use
    • For video, add the hosted video’s URL in the hosting field. Here, you also have an option to add an overlay image as well
    • For icon list, add icons via the media library and select which to use
    • For gallery, select all imagery you would like to use from the media library, or upload new imagery
  • Select Add column up as many times as necessary to build the block you are creating (maximum of 4)
  • Using the join field, search for and select what page you would like this block to live on
  • Save/publish/update all changes

To Create A Testimonial Block:

  • Go to the page blocks section of the WP dashboard and select “Add New”
  • Enter the title of the block for internal use purposes in the “Add Title” Field
  • Under the layouts section, select “Testimonial”
  • (optional) Select if you would like to use a divider on this block, and the color if the divider
  • Enter the first name, last name, title, and company of the person who is giving the testimonial
  • Add an image or logo to accompany this testimonial by using the photo field
  • Select which page to join this block to
  • Publish/update the block

To Create a Cards Block:

  • Go to the page blocks section of the WP dashboard and select “Add New”
  • Enter the title of the block for internal use purposes in the “Add Title” Field
  • Under the layouts section, select “Cards”
  • Select a background color
  • (optional) Select if you would like to use a divider on this block, and the color if the divider
  • Add all header content into the header area field
  • Click the red “Add Row” button.
  • Under the cards fields, add the image/icon that will accompany the card
  • Enter all card content into the WYSIWYG
  • Add a link to the card if this is being used to navigate to another page
  • To add another card, select the red “add row” button and repeat the instructions above (maximum of 3).
  • Select which page to join this block to
  • Publish/update the block

To Create a Logo Block:

  • Go to the page blocks section of the WP dashboard and select “Add New”
  • Enter the title of the block for internal use purposes in the “Add Title” Field
  • Under the layouts section, select “Logos”
  • Select a background color
  • (optional) Select if you would like to use a divider on this block, and the color if the divider
  • Add all header content into the header area field
  • Click the red “Add Row” button under the logos field
  • Add the image of the logo and the link direction for this logo. Linking the logos is optional
  • Click the red “Add Row” button under the logos field and repeat the steps above until all logos are in place (maximum 6).
  • Select which page to join this block to
  • Publish/update the block

To create a map block:

  • Go to the page blocks section of the WP dashboard and select “Add New”
  • Enter the title of the block for internal use purposes in the “Add Title” Field
  • Under the layouts section, select “Map”
  • (optional) Select if you would like to use a divider on this block, and the color if the divider
  • Click the red “add row” button to add a location to the map
  • Enter the location name, location link (if applicable) and location address.
  • Click the red “add row” button to add a location to the map again and follow the steps above util all locations are added
  • Select which page to join this block to
  • Publish/update the block

To create a skinfo product block:

  • Go to the page blocks section of the WP dashboard and select “Add New”
  • Enter the title of the block for internal use purposes in the “Add Title” Field
  • Under the layouts section, select “Products”
  • Select a background color
  • (optional) Select if you would like to use a divider on this block, and the color if the divider
  • Add all header content into the header area field
  • Under the Skinfo products area, select the products you would like this block to display
    • If adding a new product to the site, you must first add the product to the skinfo products post type. The directions for this can be found near the bottom of the how to documentation.
  • Select which page to join this block to
  • Publish/update the block

To Create a Focus Block:

  • Go to the page blocks section of the WP dashboard and select “Add New”
  • Enter the title of the block for internal use purposes in the “Add Title” Field
  • Under the layouts section, select “Focus”
  • Select a background color
  • (optional) Select if you would like to use a divider on this block, and the color if the divider
  • Add all header content into the header area field
  • Click the red “add row” button to add a focus item
  • Enter the image using the image field and enter the link destination of this focus item
  • Click the red “add row” button to continue to add focus items until all are input for display
  • Select which page to join this block to
  • Publish/update the block

To Create a before and after block:

  • Go to the page blocks section of the WP dashboard and select “Add New”
  • Enter the title of the block for internal use purposes in the “Add Title” Field
  • Under the layouts section, select “Before and After”
  • Select a background color
  • (optional) Select if you would like to use a divider on this block, and the color if the divider
  • Add all header content into the header area field
  • In the before and after area, select and upload a before image, select and upload an after image
  • Select which page to join this block to
  • Publish/update the block