Day To End – Elementor Itinerary Widget

A WordPress plugin that adds a Day To End widget to Elementor. Perfect for travel agencies, tour operators, and anyone who needs a beautiful day-by-day itinerary timeline on their site.

Features

• Drag & drop widget from the Elementor panel
• Animated dashed timeline connecting each day card
• Cards fade + slide in on scroll
• Circular day number badge + title on the same line
• Font Awesome icon per day (customizable)
• Add unlimited days via repeater (5 defaults)
• Full Style tab controls: colors, fonts, sizes for badge, icon, title, description, card, connector
• HTML Import — paste structured HTML and auto-populate all day cards instantly
• Mobile responsive

Requirements

• WordPress 5.8+
• Elementor 3.0+
• PHP 7.4+

Installation

1. Download or clone this repo
2. Zip the folder
3. Go to WordPress Admin → Plugins → Add New → Upload Plugin
4. Upload the zip and activate

Usage

1. Open any page in Elementor editor
2. Search for "Day To End" in the widget panel
3. Drag it onto the page
4. Add days manually via the Days repeater in the Content tab

HTML Import

In the Import Content section, paste HTML in this format:

<h2>Day 01 :</h2>
<p>Title of the day Description of what happens this day.</p>

<h2>Day 02 :</h2>
<p>Another Day Title More description text here.</p>

Click Parse & Apply — all day cards are created automatically.

File Structure

day-to-end-widget.php     # Plugin entry point, asset enqueue
includes/
  widget-day-to-end.php   # Elementor widget class (controls + render)
assets/
  day-to-end.css          # Timeline styles
  day-to-end.js           # Scroll animation + import parser
test-parser.html          # Standalone parser test (dev only)

License

MIT