1. Step-by-Step
    1. Creating a slideme
    2. Important Notes
    3. Comparison of a Slide Me on the Front and Back End
  2. Video Tutorial
    1. Transcript
  3. Try It Out!

Slideme’s show and hide content. Users collapse and expand the slideme by clicking on a highlighted title.

Examples of slideme’s have been seen throughout the CMS training modules for video transcripts.

Be sure not to hide crucial content behind slideme’s and please be aware that inserting features that use code into slideme’s may break the slideme.


Creating a slideme

  1. Select the Slideme button on the text editor bar
  2. In the Your title field, enter the title of the slideme and click OK
  3. A few lines of shortcode will now appear in the editing box. Enter your content for the slideme where prompted.

Important Notes

  • Do not remove or modify the code, as the slideme will not appear correctly
  • You can change the title of the slideme at any time – simply replace your current title in the code (between quotations) with your new title
  • When entering content after your slideme code, make sure you begin on a new line

Comparison of a Slide Me on the Front and Back End

Visual comparison of a Slide Me on the back and front end

Each numbered element on the back end (top view) corresponds to its output on the front end (bottom view)

Video Tutorial


Try It Out!

Now that you have learned how to use a slideme, time to try it out!

  1. Add a slideme to your page/post.
  2. Change the slideme’s title.
  3. Preview/View the slideme on the front end and try interacting with it.