HTML to Elementor
Website kit · Photographers

Wedding photographer one-page kit

One-page Elementor site for a wedding photographer: anchor-link header, hero photo, gallery, about, day timeline, packages, FAQ, date-check form and footer.

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

About this kit

A wedding photographer’s website has a narrow job. Couples arrive from a referral, a venue’s supplier list or a search, and they want four answers quickly: does the work look like the wedding they imagine, who is the person behind the camera, roughly what it costs, and whether their date is still free. That fits on one long page, and a one-page site suits a solo photographer with one main service, a short price list and a single call to action. Choose a multi-page site instead once you offer separate wedding, family and commercial services, publish full galleries or a blog, or want each service to rank in search on its own.

This kit is that one page plus a header and footer. The header’s Work, About and Packages links and its Check your date button point to #work, #about, #packages and #contact. In Elementor, an anchor link scrolls to the element whose CSS ID (Advanced → CSS ID) matches the text after the #, so those four sections carry the IDs; a Menu Anchor widget placed at the top of a section does the same job. The converter keeps each section’s id but adds a prefix such as hte-1a2b3c4d-work, so after import set the four CSS IDs back to work, about, packages and contact, and point the five in-page buttons at #contact or #packages.

Import the one page first and fix its IDs, then add the header and footer. On a single page you do not need Theme Builder: paste the header at the top and the footer at the bottom of the same page and choose the Elementor Canvas page layout so the theme’s own header stays out of the way. With Elementor Pro, Theme Builder works too, and the date-check form needs Pro either way. Replace the name, photos, prices and the sample couples’ words before publishing, and quote only couples who have agreed to it.

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.

Ink #2e2a33
Paper #fcf9f7
Linen #f3ece8
Blush #e6d3cd
Rosewood #8e5559
Mauve gray #6f6870
  • Headings: Cormorant Garamond
  • 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.