From your Etsy download to your live website.

• Use a computer and a modern browser for the easiest ZIP, wizard, and folder-upload workflow.
• Have access to the Etsy purchase or guest receipt, the included Buyer Installation Guide, and an email address for your Netlify account.
• Gather your business or organization name, contact information, photos, social links, and any outside service links that your particular website offers.
• Your product's Buyer Guide tells you which wizard fields and optional features apply to that product. This page covers the shared publishing path.

1. Open Etsy in a browser.

   Sign in at Etsy Purchases with the account used for your order. Digital downloads are not available in the Etsy app; use a computer or mobile browser.

2. Find your Template Darlin order.

   Select Download Files. Etsy opens the downloads page for the files attached to your order. If payment is still processing, the button may be unavailable until it clears.

3. Save both files.

   Download the customer package ZIP and the Buyer Installation Guide PDF. Their exact names vary by product; the PDF should identify the package and wizard by name. Keep both together in a folder you can find, such as Downloads.

4. If you checked out as a guest:

   Use the download link in your Etsy receipt email. Check spam or promotions if it is missing.

Etsy help: How to download a digital item.

1. Locate the ZIP you bought.

   This is the original customer package from Etsy, not the website ZIP that the wizard will make later.

2. Unzip or extract it.

   On Windows, right-click and choose Extract All. On a Mac, double-click the ZIP. On a Chromebook, open the Files app, right-click the ZIP, and choose Extract all. If your system uses different wording, choose its extract/unzip option.

3. Open the extracted folder.

   Look for the file whose name starts with 01_OPEN_ME and ends with SETUP_WIZARD.html. The exact name differs among website products. Leave the other package files with it, and read the included Buyer Guide for any product-specific notes.

Chromebook help: Unzip files in the Files app.

1. Double-click the Setup Wizard HTML file.

   If your computer asks how to open it, choose a modern browser. Keep the extracted package files in place while you work.

2. Enter your real information.

   Start with the required fields, then review the pages, photos, branding, contact details, buttons, links, and feature switches that your particular product includes. Replace any example text you do not want visitors to see.

3. Choose contact behavior where offered.

   Some products open the visitor's email app, some offer a Netlify-compatible form, and some can use an outside form service or link. Choose only an option your product actually provides and follow its Buyer Guide. The optional Netlify Forms directions below apply only if you selected a Netlify form.

4. Click “Save My Setup.”

   Keep the downloaded .json settings backup somewhere safe. You can later use “Load My Setup” to restore your choices and make updates.

5. Click “Download My Website.”

   The wizard downloads a new, personalized website ZIP. This is the file you will prepare for publishing.

1. Find the new ZIP from “Download My Website.”

   If there are several similar files in Downloads, check the time of the latest wizard download.

2. Extract the new ZIP into a normal folder.

   Open the extracted folder and look for index.html directly inside. You should also see the other HTML pages and supporting CSS, JavaScript, configuration, and/or assets files supplied by your product.

3. Choose the folder containing index.html.

   If you open a folder and see only another folder, open that inner folder. The folder you drag to Netlify must contain index.html at its top level. Keep all the website files together.

1. Create or sign in to a Netlify account.

   Visit app.netlify.com. Sign in to the account and team you want to use to manage this website later.

2. Open Netlify Drop.

   While signed in, visit app.netlify.com/drop. You can also find a drag-and-drop area on your team's Projects page.

3. Drag the entire generated website folder into the drop area.

   Use the extracted folder containing index.html. Do not drag only index.html, only assets, the Buyer Guide PDF, or the original Etsy package ZIP. This is a ready-built site; no Git connection or build command is needed.

4. Wait for the deployment to finish.

   Netlify creates a project and shows a public address ending in .netlify.app. Open that address from your project overview and save it somewhere you can find again.

5. Open the live site.

   Confirm your home page is visible. If you see a 404 page, return to step 4 and check that index.html was at the top of the folder you uploaded.

Official help: Netlify Drop quickstart.

1. Open the project you just published.

   Go to its Project Overview page in your Netlify dashboard.

2. Select “Customize.”

   Choose Manage project name and cover image.

3. Enter an available project name and save.

   For example, a project name like your-business-name produces https://your-business-name.netlify.app if that name is available. Follow any availability or naming prompts shown by Netlify.

4. Open and copy the new address.

   Changing the project name changes its default .netlify.app link. Update any links or QR codes where you already shared the old one.

Official help: Customize your Netlify project name.

Open the live link in a new browser tab. Go through each item that exists on your particular site:

• Home loads, and every page opens without a 404.
• Menus, buttons, cards, and internal page links go to the right places.
• Your name, logo, photos, service details, address, and contact information are correct.
• Photos, fonts, styles, and page sections display correctly on desktop and phone.
• Phone, email, directions, social, booking, giving, video, or calendar links work where included.
• Hidden or optional sections behave as you chose in the Setup Wizard.
• If you use a form, a real test reaches its destination (see Forms below).
• If you added a domain, both the intended domain and HTTPS work.

Check in a private/incognito tab if you suspect your browser is showing an old version. An email button that opens your email app has launched correctly, but you still need to send a message and verify it arrives.

These are independent choices. A site can use neither, either one, or both. A custom domain is not needed for Netlify Forms, and Netlify Forms is not needed for a custom domain.

Set up Forms inside Netlify

The Forms area receives submissions from a compatible form already included in your generated website. Turning it on does not add a contact form to a product that does not have one.

1. Confirm your site's form choice.

   In the Template Darlin Setup Wizard and its Buyer Guide, confirm that you selected the Netlify form option and generated/published that version of the site. If the product instead uses an email button, an outside form link, or another provider, skip these Netlify steps and test that method.

2. Check form detection in the same Netlify project.

   In your project dashboard, choose Forms. If you see Enable form detection, select it. If you disabled detection previously, find it under Forms → Form detection or Forms → Usage and configuration → Form detection and turn it back on. If it is already enabled, leave it enabled.

3. Deploy after enabling detection or changing the website.

   Netlify scans the next deployment after detection is enabled. In this existing project, find Production deploys or the manual drop area on Deploys and drag in the complete generated website folder. If detection was already enabled when you first published this version, check Active forms first; you do not need an extra upload solely for that setting. If you changed wizard settings, generate and extract a fresh website ZIP before deploying its folder.

4. Check that your form appears.

   After the relevant deployment succeeds, return to Forms and look under Active forms. If no form is listed, confirm the generated product actually contains a Netlify-compatible form and that detection was enabled before its latest deploy.

5. Add an email notification if you want inbox alerts.

   In Forms → Submission notifications, choose Add notification, select an email notification, enter the address that should receive alerts, and choose the appropriate form or all forms. Save the notification. Submissions can still be viewed in the Forms dashboard; configure alerts when you want email notice.

6. Send a real test from the public website.

   Complete the live form with test information and submit it. Confirm the confirmation/success behavior, find the entry in Forms → Active forms → your form (verified submissions are shown by default), and check the notification inbox if configured. Also inspect spam submissions if the test is missing.

Set up Domains inside Netlify

Your .netlify.app link works without a purchased domain. Use these directions only if you want a separate address such as yourbusiness.com. You must own the domain; domain registration is a separate service.

1. Finish and test the Netlify link first.

   Confirm the site works at its .netlify.app address so you can distinguish website problems from domain or DNS problems.

2. Open Domain management.

   In the same Netlify project, go to Domain management, select Add domain, then Add a domain you already own. Enter the domain, choose Verify, and confirm Add domain. Netlify may ask for proof of ownership when needed.

3. Choose where to manage DNS.

   Follow one of the two methods below. DNS is the connection between your registered domain and the Netlify website.

1. Allow DNS and HTTPS to finish.

   Changes may take time to spread. Netlify normally attempts to provision an HTTPS certificate for a connected custom domain. Check Domain management → HTTPS if it remains pending. Do not widely share the custom domain until it opens securely.

2. Test the final address.

   Open the custom domain with https://, visit several pages, try both root and www if applicable, and confirm the primary address/redirect behaves as you intend. Recheck any contact forms and linked outside services.

How to update your website later

1. Open the original Setup Wizard.

   Use Load My Setup to import your most recent saved .json settings file.

2. Make your changes and save again.

   Click Save My Setup and keep the latest JSON backup.

3. Create and extract a fresh website ZIP.

   Click Download My Website, unzip the new file, and confirm the folder again contains index.html at its top level.

4. Open your existing Netlify project.

   Find Production deploys or the manual drop area on Deploys, then drag in the updated website folder. Do not create another project for a routine update.

5. Wait, then test.

   Open your same live address and check the changed pages, links, and any forms. Your renamed Netlify address and connected custom domain remain attached to that existing project.

If something isn't working

Fees, outside services & license

Template Darlin does not charge monthly fees for anything included in your Turnkey Website download. Hosting, domain registration, form processing, booking, calendars, video, giving, payments, and other outside services are provided by their respective companies where applicable. Their accounts, terms, limits, possible fees, and support are separate from your Template Darlin purchase. Template Darlin does not control or provide support for those services; your particular product may use only some of them.

Template Darlin's standard business license is one user, one business, one website. For church or organization products, the standard is one purchaser, one organization, one website. Additional businesses, organizations, users, or websites require separate licenses. Read the license included with your specific purchase for its full terms.

Guide reviewed September 27, 2026. Provider menus and limits can change. Use the current official links above if a label in your account differs. For product-specific setup, follow the Buyer Installation Guide included with your purchase.