Host your Tilda HTML export on Cloudflare

From HTML export to a live site

1. 01

   Convert and review the public pages

   Open the Tilda HTML converter and use a published URL you own or are authorized to convert. Review the capture report and preview before proceeding. Use a published Tilda URL and review a representative Zero Block layout before capturing more pages. Compare alignment, fonts and motion across screen widths rather than relying on a still image.

2. 02

   Prepare the static folder

   Keep index.html, page files and their referenced assets together. For a downloaded ZIP, extract the files first and locate the folder containing index.html. Do not upload a Next.js source folder or accidentally place the site inside an extra nesting folder.

3. 03

   Connect your own Cloudflare account

   From the saved site in FNJ, use Deploy with token and choose Cloudflare. Enter a Cloudflare token with Pages: Edit permission for the account you intend to use directly in FNJ. Follow the dashboard result to the deployment URL. You can also deploy your extracted HTML independently using Wrangler.

4. 04

   Test on the preview URL

   Compare Zero Block alignment at phone and desktop widths and confirm a form submission reaches the intended inbox or CRM. Open important nested pages directly and refresh them. Inspect failed asset requests and follow each form or purchase action to its real destination before treating a successful upload as a usable website.

5. 05

   Connect the final domain

   Add your domain through the Cloudflare Pages project's custom-domain settings and follow its DNS instructions. Confirm the domain is active and serves the reviewed version. Keep important paths; configure redirects for changed URLs and check canonical tags on the final address.

Deploy the downloaded folder with Wrangler

If you use the command line instead of FNJ's deploy action, sign in to your own Cloudflare account. The following example uses tilda-site as a project name and ./site as the extracted folder containing index.html; replace both with your own values.

npx wrangler login
npx wrangler pages project create tilda-site
npx wrangler pages deploy ./site --project-name=tilda-site

Wrangler uploads the static directory, not the ZIP. Choose Direct Upload or Git integration when setting up the Pages project; Direct Upload projects cannot later switch to Git integration without creating a new project.

Tilda to Cloudflare Pages: questions

Can I host a Tilda site on Cloudflare without moving the builder account?

You can host the reviewed static HTML output. Zero Block layouts and motion need preview testing after moving origins. Forms and CRM delivery are separate from the visible fields. Inspect scripts and font requests on Cloudflare, then send a test submission to the CRM or form service you intend to use. A builder account, database or editing workspace is not part of that deployment.

Does this workflow need a Next.js build?

No. This page covers an exported HTML bundle with a top-level index.html. Upload the static files. A Next.js source project needs its own build and deployment setup; do not upload application source as if it were prebuilt HTML.

What should I test before switching my Tilda domain?

Compare Zero Block alignment at phone and desktop widths and confirm a form submission reaches the intended inbox or CRM. Also test direct visits to nested URLs, mobile layouts and any changed redirects on the final domain.

Does FNJ host this site or manage the Cloudflare bill?

The deployment uses your Cloudflare account. You control hosting settings and any charges under its current plan. FNJ's conversion access and the hosting provider's terms are separate; check each before purchasing.

Continue with the right setup

Converting requires a signed-in FNJ account and current conversion access. Review FNJ pricing for purchase terms. For help using your own agent, follow the deployment guide and prompt library.

Improve the exported site before launch