Host your Elementor HTML export on Cloudflare

From HTML export to a live site

1. 01

   Convert and review the public pages

   Open the Elementor HTML converter and use a published URL you own or are authorized to convert. Review the capture report and preview before proceeding. Capture published Elementor-built WordPress URLs and inventory plugin-powered sections. Public page files do not include the WordPress database, admin screens, plugin settings or an Elementor project format.

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

   Test menus and plugin widgets on the preview; verify forms, search and purchase actions with their intended backends. 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 elementor-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 elementor-site
npx wrangler pages deploy ./site --project-name=elementor-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.

Elementor to Cloudflare Pages: questions

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

You can host the reviewed static HTML output. Cloudflare can serve the exported front end, but search, forms, logins and WooCommerce actions need their own services. Test plugin widgets and network calls on the preview to find remaining WordPress dependencies before replacing the original domain. 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 Elementor domain?

Test menus and plugin widgets on the preview; verify forms, search and purchase actions with their intended backends. 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