HTML to Elementor
Website kit · Conferences & events

Conference one-page kit

One-page Elementor kit for a two-day conference: anchor-link header, hero, counters, speakers, schedule, venue, tickets, partners, FAQ, signup and footer.

Templates: 3 One-page site Header and footer included
Download kit (ZIP)
Preview of the Conference one-page kit home page

About this kit

A conference site sells one event and has a short life. It opens with a save-the-date, fills up with speakers and sessions, and does most of its work in the last few weeks before the doors open. People come back to it several times — to see who is speaking, when a talk starts, how to reach the venue and what a pass costs — and each visit should reach the answer in one scroll or one tap. That is why this kit is a single long page: there is nothing to navigate between, and one page is easier to keep accurate when a time changes the night before.

The page follows the order people decide in: a hero with the date, city, venue and a Get tickets button, a band of headline numbers, speaker cards, a two-day schedule, venue and travel details with nearby hotels, three ticket tiers with an early-bird deadline, partner names, an FAQ and a signup form for updates. The header’s Speakers, Schedule, Venue and Tickets links are in-page anchors. In Elementor an anchor link scrolls to the element whose CSS ID matches it, set under Advanced → CSS ID on the section’s container (type speakers, without the #). Alternatively, drop a Menu Anchor widget at the top of a section and give it the same name.

Import the page first, then the header and footer. The converter keeps each section’s ID but adds a prefix unique to that conversion, such as hte-1a2b3c4d-speakers, so after import rename the speakers, schedule, venue and tickets containers to those plain names. The header and footer belong in Elementor Theme Builder, which needs Elementor Pro; without Pro, paste them at the top and bottom of the page. The signup form also needs Pro. Finally, replace the event name, dates, venue and prices everywhere they repeat.

Colors and fonts

Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.

Cobalt night #101a4d
Magenta #d61f63
Sunflower #ffc83d
Ice blue #eef1fa
White #ffffff
Slate blue #4f5878
  • Headings: Space Grotesk
  • Body text: Work Sans

How to install the kit

  1. Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
  2. In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
  3. Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
  4. The menu links jump to sections on the same page. Check that each section’s CSS ID (Advanced → CSS ID) matches its menu link after import.
  5. With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
  6. Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.