Page Block Layout Options

Columns

  1. “Enter title here” (name it intuitively starting with the page name)
  2. Layout: Columns
    1. You can add up to three columns of basic content such as: Text, Image, Video, Gallery, Image w/ Text. Some combination are invalid though.
  3. Select Background, use grey and white background for all column layouts.
    1. If you add a background Image with Overlay, select the overlay color, blue or grey.
  4. Enter Optional Header if applicable to the column layout needed. 
    1. This is not recommending for 5050 combinations of Text with Image/Video/Gallery. Headers can be added within the text wysiwyg.
    2. Not recommended for One Column, full with text. Add the header in the column content wysiwyg.
  5. Enter centered header intro content in the WYSIWYG Editor. As with the header field this is only recommended in certain column layouts such as three column.
  6. Columns: Add Columns with blue button, and select what content will go in the column (text, image, video, etc).
    1. Once a column has been added you can’t change the type of content in it.
      1. At the top of each column there is a “+” and “-” button (must mouse over header to show) where you can (+) add a new column above or (-) delete this column.
      2. There is also a “Arrow” button that will minimize this content.
      3. You can also change the order of the columns by click and dragging them into different orders.
    2. One-column (full-width) will display content centered. Only designed for Text content.
    3. Two-column (5050) can be used with Text/Text, Text/Image, Text/Video or Text/Gallery combinations either way.
    4. Three-column should only be used for three Text content types. These will display like cards but do require exactly three across to display like this. Do NOT use a combination of varying content types here.
  7. Content types:
    1. Text: Full wysiwyg editor options.
    2. Image: Select (or load) an image from the media library. Set optional link. Set if link opens in a new tab. Select if the Image should open in a solar box (pop up window displaying full size).
    3. Video: Select if the video should open in a solar box (pop up window displaying full size). Enter the URL of the video (Vimeo or YouTube). Select (or load) an image from the media library as the initial visual display of the video (you may choose to use a screen grab of a moment in the video). NOTE: You need to use the full YouTube and Vimeo urls, not a shortened snippet from the ‘share’ link.
    4. Gallery: Multiple image can be added to the gallery carousel. The arrows will automatically appear. ALL images need to be sized the exact same.
  8. Join this page block to specific page(s) here. Note: This page block will appear at the bottom of that page. If needed, you will have to go to back of the page to rearrange the order of the blocks.
  9. Save as Draft, Publish (or Update to save edits) the page block to save it. Remember even published page blocks will not be visible on a page until it has be Joined to that page.

Testimonial Block

  1. “Enter title here” (name it intuitively starting with the page name)
  2. Layout: Testimonial
  3. Select Background, grey is the recommended background color.
  4. The Optional Header can be used for this page block.
  5. Testimony: Enter content in the wysiwyg.
  6. Enter person info: First name, last name, title company, url (if needed.)
  7. Enter Photo of the person and Logo of the company or the ImagineMD logo.
  8. Join this page block to specific page(s) here. Note: This page block will appear at the bottom of that page. If needed, you will have to go to back of the page to rearrange the order of the blocks.
  9. Save as Draft, Publish (or Update to save edits) the page block to save it. Remember even published page blocks will not be visible on a page until it has be Joined to that page.

Blog Block

  1. “Enter title here” (name it intuitively starting with the page name)
  2. Layout: Blog Feed
  3. Select Background, grey or white are the recommended background colors.
  4. Enter Optional Header.
  5. Blog Feed: Select blog posts (that have already been created) to join to this page block.
  6. Join this page block to specific page(s) here. Note: This page block will appear at the bottom of that page. If needed, you will have to go to back of the page to rearrange the order of the blocks.
  7. Save as Draft, Publish (or Update to save edits) the page block to save it. Remember even published page blocks will not be visible on a page until it has be Joined to that page.

 FAQs

  1. “Enter title here” (name it intuitively starting with the page name)
  2. Layout: FAQs
  3. Select Background, grey or white are the recommended background colors.
  4. Enter Optional Header.
  5. FAQs: Select FAQ posts (that have already been created) to join to this page block.
  6. Link: enter the text and link that the this block should link to (i.e. a page that shows all customer or brand logos.)
  7. Join this page block to specific page(s) here. Note: This page block will appear at the bottom of that page. If needed, you will have to go to back of the page to rearrange the order of the blocks.
  8. Save as Draft, Publish (or Update to save edits) the page block to save it. Remember even published page blocks will not be visible on a page until it has be Joined to that page.

2 Column w/ DIvider

  1. “Enter title here” (name it intuitively starting with the page name)
  2. Layout: 2 Column w/ Divider
  3. Select Background, grey and white are the recommended backgrounds.
  4. Enter Optional Header.
  5. Columns: Add Columns with blue button, and select text content.
    1. Text/Text is the only optional available for this layout
  6. Locations: Add location by entering address in search area on the map. Add additional addresses with the red “Add Location” button.
    1. Select and Icon, Title of location, and Formatted Address
  7. Join this page block to specific page(s) here. Note: This page block will appear at the bottom of that page. If needed, you will have to go to back of the page to rearrange the order of the blocks.
  8. Save as Draft, Publish (or Update to save edits) the page block to save it. Remember even published page blocks will not be visible on a page until it has be Joined to that page.

CTA

  1. “Enter title here” (name it intuitively starting with the page name)
  2. Layout: CTA
  3. Select Background (and background image if applicable).
    1. If you add a background Image w/ Overlay, select the overlay color, Blue or Grey. These are the recommended background options for this layout.
  4. Enter Optional Header. 
  5. Enter the CTA content in the WYSIWYG Editor.
  6. Enter image for the right side of the page block. Images do not need to be loaded as circles, they will automatically be cropped to circles.
  7. Join this page block to specific page(s) here. Note: This page block will appear at the bottom of that page. If needed, you will have to go to back of the page to rearrange the order of the blocks.
  8. Save as Draft, Publish (or Update to save edits) the page block to save it. Remember even published page blocks will not be visible on a page until it has be Joined to that page.

Counter Block

  1. “Enter title here” (name it intuitively starting with the page name)
  2. Layout: Counter
  3. Select Background (and background image if applicable).
    1. If you add a background Image w/ Overlay, select the overlay color, Blue or Grey. These are the recommended background options for this layout.
  4. Enter Optional Header.
  5. Counter – Add up to three rows of stats.
    1. For stat enter the need Prefix, Value, Suffix, and Value Description.
  6. Join this page block to specific page(s) here. Note: This page block will appear at the bottom of that page. If needed, you will have to go to back of the page to rearrange the order of the blocks.
  7. Save as Draft, Publish (or Update to save edits) the page block to save it. Remember even published page blocks will not be visible on a page until it has be Joined to that page.