Page Block Layout Options:

Columns Block
Testimonial Block
Cards Block
Logos Block
Map Block
Products Block
Focus Block
Before & 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
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

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

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

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

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

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

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

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

Page Block Layout Instructions- 2020