I am stuck deploying it need some help - Claude Code + Wordpress + Elementor + Woocommerce

Hello guys,

So I’ve started a project a music production + beat/kits selling website on Claude AI, I have completed the design and pages aswell, I just bought hosting + domain and I’m really stuck deploying the website.

The project should be built in Elementor elements, but I guess it’s not working properly and keeps wasting claude tokens and gets me limited for 5 hours.

I installed Novamira and keep trying to build the Header + Footer first before continuing with other pages. After a session when it’s done nothing has been changed when I check, I have purged the cache and everything but still giving me some ugly looking navbar and footer, looks okay-ish on desktop not exactly what I’ve built with Claude but horrible on mobile. Tried 2/3 times today and got me limited again for 5 hours which gets me really frustrated not finding the solution and have to wait for another 5 hours to try the luck again.

Any guide/prompt I can try?
I’m thinking to try a prompt that I found on Youtube, telling Claude to create elementor elements and not use HTML blocks also ignoring atomic features from Elementor.

Second thing is creating JSON files so I can manually upload them and create the navbar again from scratch

Do you have any experience with wordpress / elementor alone? Because if you do, even if it takes more time, it's just easier to setup a wordpress site, buy (or download) a elementor enabled theme related to what you seek, setup payment processor (almost all main payment processors from around the world have native integration with wordpress / woocommerce through plugins) and just insert the products (and if you need to adjust anything, elementor is a visual builder with many youtube videos teaching to do everything).

But if you really want to use claude code, it's just easier to build a tailwind css / node or a react / vue project. You'll need to setup the admin page, but it's just way simpler to handle everything.

Or even easier, just use shopify.

itsworth said:

Do you have any experience with wordpress / elementor alone? Because if you do, even if it takes more time, it's just easier to setup a wordpress site, buy (or download) a elementor enabled theme related to what you seek, setup payment processor (almost all main payment processors from around the world have native integration with wordpress / woocommerce through plugins) and just insert the products (and if you need to adjust anything, elementor is a visual builder with many youtube videos teaching to do everything).

But if you really want to use claude code, it's just easier to build a tailwind css / node or a react / vue project. You'll need to setup the admin page, but it's just way simpler to handle everything.

Or even easier, just use shopify.

Click to expand...

I know how to use Elementor not an expert but I have built websites in the past, the reason I don't want to build it from scratch is I've spent 1 week building it on Claude and starting again from scratch that makes no sense, also Elementor leaves a lot of fluff code when you create and delete elements behind, and I guess it slows down the website alot

Yeah trying to get Claude to write clean Elementor JSON is a massive headache. i tried doing something similar a few months back and it kept spitting out broken code that wouldnt import, or just blank templates. Claude is great for raw code but it struggles with Elementors weird nested structure.

Since you already spent a week on Claude and want to avoid the Elementor bloat anyway, why not just go static? If you have the HTML and CSS ready, you could host it on Netlify or Vercel and just hook up Lemon Squeezy or Snipcart for the beat downloads. It will load way faster than Wordpress and you actually get to keep the design you worked on. Trying to force Claude design into Elementor usually ends up looking like a mess on mobile anyway like you noticed.

The WP Nerd said:

Yeah trying to get Claude to write clean Elementor JSON is a massive headache. i tried doing something similar a few months back and it kept spitting out broken code that wouldnt import, or just blank templates. Claude is great for raw code but it struggles with Elementors weird nested structure.

Since you already spent a week on Claude and want to avoid the Elementor bloat anyway, why not just go static? If you have the HTML and CSS ready, you could host it on Netlify or Vercel and just hook up Lemon Squeezy or Snipcart for the beat downloads. It will load way faster than Wordpress and you actually get to keep the design you worked on. Trying to force Claude design into Elementor usually ends up looking like a mess on mobile anyway like you noticed.

Click to expand...

I wouldn't go this route of wordpress if it was for me lol, I'm building it for a friend which is a not a big tech guy but he's a producer and it would be easier for him to upload products here rather than having claude. But claude is giving me hard time

The best solution is to build a custom WordPress theme using PHP, Tailwind, JavaScript and animations, then try ACF PRO to edit every field on the page that you need.

trying to get claude to output elementor json is a losing battle, the schema is way too bloated and changes too often for LLMs to get it right. since you already have the design and html code from your claude sessions, just use the elementor html widget to paste your custom header and footer code directly. or even simpler, just make a custom header.php and footer.php in a child theme and dump the html there. that way you keep the exact look you spent a week building, and your friend still gets the easy wordpress backend for uploading beats. wasting more tokens trying to force claude to generate clean page builder templates is just going to keep giving you headaches.

Th

ricketycricket said:

trying to get claude to output elementor json is a losing battle, the schema is way too bloated and changes too often for LLMs to get it right. since you already have the design and html code from your claude sessions, just use the elementor html widget to paste your custom header and footer code directly. or even simpler, just make a custom header.php and footer.php in a child theme and dump the html there. that way you keep the exact look you spent a week building, and your friend still gets the easy wordpress backend for uploading beats. wasting more tokens trying to force claude to generate clean page builder templates is just going to keep giving you headaches.

Click to expand...

Thank you for your input it makes sense and should help me alot, I will try to work around this.

ricketycricket said:

trying to get claude to output elementor json is a losing battle, the schema is way too bloated and changes too often for LLMs to get it right. since you already have the design and html code from your claude sessions, just use the elementor html widget to paste your custom header and footer code directly. or even simpler, just make a custom header.php and footer.php in a child theme and dump the html there. that way you keep the exact look you spent a week building, and your friend still gets the easy wordpress backend for uploading beats. wasting more tokens trying to force claude to generate clean page builder templates is just going to keep giving you headaches.

Click to expand...

This worked my guy you saved me alot of time, thank you! I gave this prompt to Claude and continued to edit and now everything is pixel perfect