Add a Chaptered Page

Add a Chaptered Page

  1. 1. Click on Manage

    Click on Manage
  2. 2. Click on Content

    Click on Content
  3. 3. Click on Add content

    Click on Add content
  4. 4. Click on Chaptered Page

    Click on Chaptered Page
  5. 5. Select your site's theme

    Select your site's theme
  6. 6. Type the title of your page

    Type the title of your page
  7. 7. Click on Add Chapter

    Click on Add Chapter
  8. 8. Type the name of your first Chapter title.

    You don't have to use numbers or do anything else. The site is programmed to know where to go.

    Type the name of your first Chapter title.

Adding a WYSIWYG to Your Chapter

  1. 9. Add a component to your chapter. Let's add a WYSIWYG.

    Note: Because chaptered pages are information-rich with the majority of the page content as text, the WYSIWYG will be your go to component for chaptered pages.

    Add a component to your chapter. Let's add a WYSIWYG.
  2. 10. Type in the contents of your WYSIWYG

    You don't need to add a heading since the chapter heading will already be there.

    Type in the contents of your WYSIWYG
  3. 11. To add another chapter, click Add Chapter

    To add another chapter, click Add Chapter
  4. 12. Type the chapter title

    Type the chapter title
  5. 13. Enter your content

    Enter your content

Adding an Accordion

  1. 14. Click on Add Chapter

    Click on Add Chapter
  2. 15. Type the title of this page section.

    This will go above your group of accordions.

    Type the title of this page section.
  3. 16. Select Add Accordions from the component selector.

    Select Add Accordions from the component selector.
  4. 17. Enter a title and anchor text for your accordion item.

    The Title will be the text appearing directly prior to your first accordion. Entering the anchor term will allow you to go directly to the accordion within a chapter from a link, rather than just the chapter title.

    Enter a title and anchor text for your accordion item.
  5. 18. Click on Add Accordion

    Each expanding and collapsing panel of your accordion section will be its own Accordion Block.

    Click on Add Accordion
  6. 19. Enter the title of your accordion

    The Title of the Accordion will be red text that is always visible on the page regardless of whether the accordion panel is open or closed.

    Enter the title of your accordion
  7. 20. Enter accordion content.

    Enter accordion content.
  8. 21. Click on Add Accordion to add another

    Click on Add Accordion to add another
  9. 22. Type in the title of your second accordion and enter content.

    Type in the title of your second accordion and enter content.

Adding a 50-50 Split CTA Inside an Accordion

  1. 23. Click on Add Accordion

    Click on Add Accordion
  2. 24. Type thge name of your next accordion,

    Type thge name of your next accordion,
  3. 25. Add some text.

    Add some text.
  4. 26. Click on the arrow next to "Add 50-50 Split CTA"

    That's right! You can add components inside an Accordion Block. In this case, just add a 50-50 Split CTA.

    Click on the arrow next to "Add 50-50 Split CTA"

Adding a Link List

  1. 27. Click on Add Text Block + Link Listing

    Click on Add Text Block + Link Listing
  2. 28. Leave the editor blank for now

    This component will present a series of text links across two columns.

    Leave the editor blank for now
  3. 29. Type in the path name of your first link

    Type in the path name of your first link
  4. 30. Type the name of your link

    Type the name of your link
  5. 31. Click on Add another item to add another link

    Click on Add another item to add another link
  6. 32. Type the path name

    Type the path name
  7. 33. Type the link text

    Type the link text
  8. 34. Click on Add another item

    Click on Add another item
  9. 35. Type the path name

    Type the path name
  10. 36. Type the link text

    Type the link text
  11. 37. Click on Add another item

    Click on Add another item
  12. 38. Type the path name

    Type the path name
  13. 39. Type the link text

    Four accordion blac ks should be good enough to get the hang of making accordions,

    Type the link text

Set the URL Alias

  1. 40. To set the URL of your page Click on URL alias

    We're almost ready to view the page, but first, we need to set the URL Alias.

    To set the URL of your page Click on URL alias
  2. 41. Uncheck Generate automatic URL alias

    Uncheck Generate automatic URL alias
  3. 42. Type in your path name

    Remember, it should follow the pattern that other pages on your site follow.

    Type in your path name
  4. 43. Click on Save

    Click on Save
  5. 44. Review your page

    So far our page has 2 WYSIWYG Chapters and an Accordion Chapter.

    Review your page

Adding a Chapter to a Chaptered Page

  1. 45. Let's add a chapter. Click on Edit

    Let's add a chapter. Click on Edit
  2. 46. Click on Add Chapter

    Click on Add Chapter
  3. 47. Type in name of your Chapter in the Title input

    Type in name of your Chapter in the Title input
  4. 48. Click on Add WYSIWYG

    Click on Add WYSIWYG
  5. 49. Type your text

    Type your text
  6. 50. Click on Collapse because we're going to do something new

    Click on Collapse because we're going to do something new

Reordering Chapters

  1. 51. Reeorder Chapters by clicking and dragging the Change Order icon.

    Reeorder Chapters by clicking and dragging the Change Order icon.
  2. 52. Click on the Change Order icon.

    Click on the Change Order icon.
  3. 53. Drag the arrow up to where you want to put the chapter

    Drag the arrow up to where you want to put the chapter
  4. 54. Click on Save

    What results is a reordered page.

    Click on Save
  5. 55. Preview your page and see that the chapter has moved up

    Preview your page and see that the chapter has moved up

Removing a Chapter

  1. 56. Let's say we want to remove a chapter. Click Edit.

    Let's say we want to remove a chapter. Click Edit.
  2. 57. Identify the chapter you want to remove and click on the three dots on the far right.

    Identify the chapter you want to remove and click on the three dots on the far right.
  3. 58. Click on Remove in the dropdown

    When you select this option, be careful because it can be tricky to get your content back.

    If you haven't saved a draft or published yet, refresh your browser, and your old chapter will appear. You will lose your unsaved changes. You can also revert the page to an earlier revision, but you will lose whatever your most recent changes are. Alternatively, uyoui can reach out of us and we can try to help you.,

    Click on Remove in the dropdown

Duplicating Chapters

  1. 59. Now let's find a Chapter to duplicate! Hit the three dots on another.

    Now let's find a Chapter to duplicate! Hit the three dots on another.
  2. 60. Click on Duplicate

    Duplicating a chapter is often a faster way to create a new chapter than starting from scratch. This is especially true for certain components, such as Accordions. Here, we're just duplicating a plan vanilla WYSIWYG.

    Click on Duplicate
  3. 61. Type "Our duplicated WYSIWYG"

    Type "Our duplicated WYSIWYG"
  4. 62. Click on Edit

    Click on Edit
  5. 63. Now you can edit the contents of the duplicated chapter

    ALL content from the cloned chapter will be in your new chapter until it is removed or written over.

    Now you can edit the contents of the duplicated chapter
  6. 64. Click on Save

    Click on Save
  7. 65. And preview your newly created chaptered page!

    And preview your newly created chaptered page!