{"id":4266,"date":"2026-10-21T08:09:53","date_gmt":"2026-10-21T08:09:53","guid":{"rendered":"http:\/\/eventful-elementor.local\/docs\/quick-start-guide\/"},"modified":"2026-10-21T08:09:53","modified_gmt":"2026-10-21T08:09:53","password":"","slug":"quick-start-guide","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/quick-start-guide\/","title":{"rendered":"8. Quick Start Guide"},"content":{"rendered":"

Add your first events section to an Elementor page in five steps.<\/p>\n\n

You need at least one published, upcoming event in The Events Calendar. If you have none yet, add one under Events > Add New<\/strong>.<\/p>\n\n

  1. Open a page with Elementor: in Pages<\/strong>, hover over a page and click Edit with Elementor<\/strong>.<\/li>
  2. In the Elementor panel, type Eventful<\/strong> in the search box. Drag Eventful Grid<\/strong> onto the page. Your upcoming events appear straight away.\n
    \"Eventful<\/a>
    The Eventful widgets in the Elementor panel.<\/figcaption><\/figure>\n<\/li>
  3. Choose which events to show. On the Content<\/strong> tab, open Filter Events<\/strong>: pick Latest or Featured, the type of event and the limit.\n
    \"Eventful<\/a>
    Content tab > Filter Events.<\/figcaption><\/figure>\n<\/li>
  4. Set the layout. Open Display Options<\/strong> and choose the number of columns. Use Elementor’s device icons to set a different number for tablet and mobile.\n
    \"Eventful<\/a>
    Content tab > Display Options.<\/figcaption><\/figure>\n<\/li>
  5. Style it. Open the Style<\/strong> tab to change colours, fonts, borders and spacing. Then click Publish<\/strong> (or Update<\/strong>).\n
    \"Eventful<\/a>
    The Style tab.<\/figcaption><\/figure>\n<\/li><\/ol>\n\n

    Where to go next<\/h2>\n\n