Creating a Table of Contents Automatically
Creating a Table of Contents Manually
If you’re a Mad Mimi Power User you already know that she allows the use of some HTML constructs within your promotions. Even if you’re not, you may want to add a Table of Contents (or Named Anchors) to your promotion. It’s now as simple as adding a clickable link!
So, let’s imagine you have a promotion with four or five sections in it, each of which is fairly long. It’s not inconceivable that some users may not want to read the entire thing, and just jump to the sections that interest them. So you’ll want to add a Table of Contents.
Step 1 – Add new text module
To get started, you need to add a new text module to your promotion. Of course, a Table of Contents is useless at the bottom of your promotion, so you’ll want to grab it by the drag area and slowly drag it to the top. You can do this in one step by dragging the module to just at the top of your browser window. That should cause the window to scroll up all the way to the top. Then, continue to drag it down into place.
Step 2 – Add list
Now that you’ve got a new, empty text module just where you need it, you’ll need to add the Table of Contents info. In this example we’ll make it a list, using the “unordered list” tool on the toolbar, but you can really use any type of styling you like. Some people prefer a single line of pipe ( | ) delimited links, others like a numbered list. Enter the titles of your sections, each on a new line.
Then, select all text in the list, and hit the unordered list button. This will simply place an asterisk at the start of each line which Mimi will turn into a list for you. You could just as easily have typed the asterisks yourself, but sometimes it’s easier using the tools.
Step 3 – Turn list into links
Next, you’ll need to turn each item into a link. Select the text for an item (excluding the asterisk) and hit the link button.
Mimi will pop-up with the text you just highlighted and a spot to add your link. Instead of a normal http:// type link, we’re using a hash (#) and the link name, like this: #link_name (don’t use spaces here).
If you use the first word of the section name, it’s easy to remember. We’re linking each item in the list with the name of an anchor we’ll add to each Section Title later.
In the end, each link should look something like this: [Link Text](#link_name).
Step 4 – Add named anchors
With the link names all set up, you just need to add the actual Named Anchors to the rest of your promotion, so those links know where to go. Click edit for each section title, add select the link button:
Step 5 – Seeing is believing
And with that, you’re done. You have a Table of Contents in your promotion. Isn’t that great?