Timeline Widget Guide 🗓️

The Timeline Widget allows you to effectively showcase events, milestones, or processes in a structured format. Ideal for:

• 📈 Brand journeys
• 📅 Project roadmaps
• 🎉 Event schedules
• 🔄 Sequential information

1. Start with a Template

• What you’ll see:
  • Layout options: Vertical, Horizontal, Step-by-Step, Minimal Milestones
  • "Continue with this template" button
• What to do:
  • Click to preview layout
  • Select your preferred style and click "Continue" to customize

2. Use the Editing Tabs

After choosing your layout, utilize the following tabs:

• Content: Add timeline items, dates, and descriptions
• Style: Adjust visual appearance
• Settings: Optimize functionality on your site

3. Customize Your Timeline

Content Tab

• Event Title: Short heading for each milestone
• Date/Time: Relevant date for each step (optional)
• Description: Context for each event
• Icons/Images: Visual representation of stages or achievements

Style Tab

• Font & Size: Adjust headings and descriptions
• Colors: Customize text, background, and connector lines
• Layout Style: Choose vertical, horizontal, alternating, or compact
• Spacing & Alignment: Control spacing and positioning between events

Settings Tab

• Animation: Add transitions for a smoother experience
• Visibility Options: Control display timing and location
• Mobile Behavior: Ensure responsiveness across all screens
• Custom Code: Add tweaks as needed

Helpful Tips

• Use the Content tab to outline your story or steps clearly.
• Use the Style tab for consistency with site branding.
• Use the Settings tab for enhanced user experience.
• Always click Save after editing! 💾