This guide walks you through editing the Charts page in your SITE123 project and adding a brand-new chart including a category and data set. Follow the instructions below to log in, locate the Charts page, create the chart, populate it with information, and save your changes.
Log in to the SITE123 editor
• Navigate to the login URL that was shared with you.
• Enter the username support-center@site123.com in the Username field.
• Enter your password in the Password field.
• Click Login.
Open the Charts page for editing
• In the top bar, select the Pages tab.
• Scroll to the Charts module and click its name to open it in the workspace.
Add a new chart
• Inside the Charts module, click Add New (the “+” button with Add New text).
• Click the Chart Title field and type Online Collabs.
Generate chart description with AI (optional)
• Click Suggest Text.
• In the suggestion pop-up, press Apply next to the text you want to insert.
Select chart type
• Click the Chart Type drop-down and choose the desired style (e.g., Bar, Line, Pie).
Create a category
• Click Add Category.
• In the field that appears, type Collabs and press Enter.
Insert data
• Click Add Data.
• In the data modal, fill in the values you want to display (e.g., numbers, percentages).
• Choose a color for the data point if needed.
• Click Save to close the modal.
Remove unwanted data (optional)
• If you created extra rows by mistake, click the Trash icon next to the row and confirm with Delete.
Save the chart
• Click Save / Done (green Save button) to add the chart to the page.
Re-order categories or charts (optional)
• Drag and drop the new item in the list to change its position on the page.
By logging into your SITE123 dashboard, navigating to the Charts module, and using the in-built tools (Add New, Add Category, Add Data), you can quickly create and customize a new chart for your website. Remember to save after each major change and use the trash icon to keep only the data you need.
