This guide walks you through adding a new event to the Timeline page of your SITE123 website. By the end, you will have created a new timeline entry called “Project SITE123,” customized its colors and icon, and saved it to your site.
Log in to the SITE123 editor • Go to the login page (app.site123-staging.com/manager/login). • Enter your username (support-center@site123.com) and password, then click Login.
Open the Timeline page in the editor • From the dashboard, click the Pages tab. • Locate the Timeline page (module ID 683efc6b75966) and click it to load the items in the right-hand iframe.
Add a new timeline item • Inside the items iframe, click Add New (the “+” button). • A blank item form appears.
Enter basic details • Title – type Project SITE123. • Description – type Project SITE1123 Start (or your preferred text).
Pick a color • Click the color picker next to “Color.” • In the palette, click any color you prefer (the example clicks the 5th and 6th palette rows until satisfied).
Choose an icon • Click Image / Icon > Icons. • Select a category (the example chooses the 7th category) and click an icon you like. The icon is instantly previewed in the item. • Optional: Click through style filters (filters 2, 3, 4) to preview different icon styles until you find the right look.
Add a category tag • Expand Categories by clicking the chevron. • Click Add Category. • Type SITE123 and press Enter.
(Optional) Open SEO settings • Expand SEO settings (openModalSEO) to review meta data. • Close the SEO modal when done.
Save the new event • Click the green Save button (Save / Done / ✔ icon) to store the item. • Your new timeline entry now appears in the list and on the live site once you publish.
You have successfully created a new event on the Timeline page with a custom title, description, color, icon, and category. Repeat the same steps to add more milestones and keep your project timeline up to date.
