Skip Navigation
Training
Editor Playground
How To’s
Create Web Pages & Text Blocks and How to Use Them

Create Web Pages & Text Blocks and How to Use Them

Plan: Think About First

  1. Should I Edit inside a Project?
  2. Determine which blocks & pages you want; see: Blocks and Containers & Detailed Page List
  3. Am I the owner of this information?
    1. If not, do I have a thorough understanding of our Shared Resources?
  4. Determine which parts of the page should be grouped together; these will be accordions, background containers, tab blocks or rich text blocks containing other blocks; see: Advanced Use of Blocks.
  5. Will I need to use media (documents, slides, video, images) files? See naming convention
  6. Is this page being created to use as a Partial Page View or Partial Page View (Supportive Page)?
Learn more: Think First, Edit Later

Optimizely: Creating a Web Page with Text

Description:

This video reviews how office and school based editors can create a new web page and create a text block for the page. You also have the option to add images for a partial page view card or as a banner image at the top of your page. Lastly the video shows you how to add your new page to other pages on your site as a link or a card. Please enjoy.

Create a Page

Create a page.png

  1. Open the left page navigation pane.
  2. Choose an existing page to be the parent of your new page. Typically this is your Office or School Homepage.
  3. Click the options menu at the right side of the parent page.
  4. Click New Page.
  5. Select a Page type; See:What is an Office Page or What is a School Page & Detailed Page List
  6. Enter a Page name.
  7. Enter values for page properties. For the metadata > Thumbnail Image property, we recommend dragging in a image from our shared images folder. Note: Understanding Page Defaults for all page capabilities.

Create Blocks

Create a block.png

  1. Open the right content asset pane
  2. Be sure the Blocks Tab is selected
  3. Click on the blocks folder under your office or school name
  4. Click on the context menu asset options icon.png
  5. Click New Block
  6. Title the block (view naming convention)
  7. Select the block type
  8. Fill in the properties of the block (see block type details)
  9. Click Publish or Submit for Review if Approvals were applied
  10. Repeat for as many blocks as you need for your page.

Optimizely: How to Create a Text Block for a Web Page

Description:

This video goes over how to create a rich text block to add text to a web page.

How To: Use Pages & Blocks

Using Pages

There are two ways to use pages: as Partial Page Views and Hyperlinks.

Partial Page View (PPV)

PPV's are the "card" like display of Optimizely pages when used inside content drop zones on page templates or Background Container blocks.
content drop zone.png

Note: Use Display Options to adjust the PPV display width.

Hyperlink

Pages Dragged & Dropped into rich text properties, link properties and blocks (Rich Text, Accordion Item, Tab Child Block) become hyperlinks. The hyperlink text defaults to the Optimizely page name. Once the hyperlink is dropped, editors may select the hyperlink to edit the link text and add formatting options.

Using Blocks

There are specific use for Optimizely blocks. The block type determines how and where it can be used. The main idea editors should keep in mind when creating & using blocks is to maintain one central place to update important information. For example: Contact Block, create one CB, then add the block to the pages you want to share contact information. In the event you need to add new contact information, you only update the block itself, not each page.

Add Blocks to a Page

  1. Click on your page in the left page navigation pane to load it into the Experience Editor
  2. Drag the blocks from the right content asset pane (or from the Recent gadget if content was recently viewed) onto your page Content drop zone property. 
  3. Change display options to create columns; see Create Columns Through Display Options. Default is full width.

Add Blocks to a Block

  1. This applies to the Tab, Accordion and Background Container Blocks
    1. See: Advanced Use of Blocks for the advanced capabilities of blocks with rich text fields
  2. Double click on your block in the right page asset pane or single click if block is in your Recent gadget to load content to your editor
  3. Drag the blocks from the right content asset pane (or from the Recent gadget if content was recently viewed) onto your block.
  4. For the background container block: Change display options to create columns; see Create Columns Through Display Options

Learn how to preview your blocks and pages

Preview Content

Publish, Send for Review or Schedule

Now that you've created pages and blocks and used them somewhere, you must now complete the workflow process:

Checklist: Before you Publish

 

Publishing

Published content is instantly available to the public, it will be live in search immediately.

Publishing Project Items

 

Schedule

Review: Schedule and Archive