Build Elementor WordPress Pages With AI (PushBrowse Demo)

0:00 PushBrowse AI Tool Overview
Hey, I’m Jeremy with Push Leads and in this little video I’m showing you a website that we built with AI with a tool that we created called Push Browse. And what the tool does is it scans the website and actually uses AI to publish and create everything on Elementor, which is in WordPress. And so, um, we can’t really do our magic on another site, um, unless it’s Elementor, um, like a WordPress site or it’s, um, Shopify. Um, I have one of my clients who said that someone came to them and they wanted to remake their whole site in HTML. And I’m like, okay. Um, if you don’t want to want to show up in Google or don’t care about any kind of ongoing SEO magic, then go for it. So, the really cool thing is building building sites are now just a conversation and also usage versus doing it manually. And no issue no issues with doing stuff manually. Obviously, you need to know what you’re doing to build a site. And what I want to do here is just show you real quickly kind of what’s happening.

1:02 How PushRank Controls PushBrowse
So basically um what I’m doing right now to use PB is we have to be in push rank uh which is the tool that we um use to navigate and control everything. You have to be in claude in push rank. And then what you do here is you just open up and you say um client name use PB which stands for push browse to fix these things. Create space before that. Do this or do that and then it will go through and do that. And then I was looking at a version of the site. Um so

This is part of our AI search visibility guide.

1:36 Remodels Page Built in 10 Minutes
um I asked it to make a remodels page in the same look and feel um and the same language and testimonials and their remodeling projects. And so it kind of super important that you check and see what you’re doing here by looking at let me just look at so I’m looking at the actual page I created here uh because I have different browsers open. I’m looking at this page within um a guest browser. It’s always good idea to do that. Always a good idea to actually copy the incred the incredible the the right URL. It’s just back slashreodels. And the site is a little slow um here. And the reason why is that I don’t have the caching plug turned on. Um but I’m going to be turning that on. So this is the remodels page. I made this page in about 10 minutes and and essentially I made the page and I then had a conversation with it and said, "Hey, redo this or that." It did the call to action. It did it created the before and after. remove that from the homepage. It has some copy here that’s really all about remodeling services. This is a kind of a duplicate of the homepage but with reworked um and uh call to action at the bottom. So it made this whole page. Pretty nice, huh?

2:56 Live Edits via Conversation
And we could easily just modify it by telling it to do more things. So um I came back and said center the menu. The menu wasn’t centered on the page. I said move entire sections around. delete this section and show more recent remodeling transformations. So it made those changes and then I was running out of usage in that account. So what I did here was in this account I just said I want to remove the blog. So the sidebar had a blog in it. I said remove the blog. I said scan the uh the source site and make a list of um pages that sync. um make sure that all the product all the uh all the projects that they have on their site are actually showing on our site. Then I told them to change the sidebar or told Claude to change the sidebar. I’m referencing images here and use a different image in our process. And so look how fast it’s doing this. It took about maybe 10 minutes to make these changes.

3:57 Flywheel Dev Mode and SSH Setup
When I first started doing this, it took about an hour to do like a small little change. And then I said, and then it said, hey, the blog sidebar is done. Residential products are done. The side panel is done. And and then so I looked at the side panel and I was like, what’s happening with the side panel? So this is what I mean. The side panel here, it added these icons here, but these icons don’t really look that well. So I’m really just going to go back and show you what I’m going to do here. We’re going to do one last one together. So I’m going to say it’s saying here, do I I want to drop the chamber logo. So, drop chamber logo, make icons larger. So, basically just said drop the chamber logo, make the icons larger, larger, show three rows of shoot two rows of three icons each. Go. And we can do this with Opus. That’s the really cool thing. You don’t need Fable. Now, Fable is great for like looking at the whole site, but if we’re just talking about doing actual changes, Opus 5 will do this. Don’t try to do this with Sonnet, but Opus 5 does consume more usage than Sonnet, but it does a pretty good job. Fable would just kind of burn your token usage. It’s good for building like entire things, but if we’re just like moving things around, then we don’t really need all the things.

5:16 Headless Browser REST API Explained
So, the other thing is just to so you understand how this sort of system works. Um, so, um, I have so many windows open, but basically what PB is is it’s a headless, it’s a headless browser. So, let me just stop here and go back. So, right right now, I’m in Flywheel. I’m about to go live on the site, but I’m in Flywheel. And what I’m and this is my web hosting. And what I’m basically doing here is I am going to show you when you’re developing you need to be you need to have the site on development mode um because um if you don’t have it on development mode then it’s in caching and it can’t and claude or PB can’t see changes as you’re doing it. You also need to have when you set up a new site you need to have SSH connected. So it’s essentially a headless browser that connects and and crawl through the site. So it’s a headless browser. It also connects to the H to the REST API and then it also connects directly through SSH. So it does any one of those three things as needed. But the most important thing is when you’re having editing as having it edit a site is turn off the caching, turn on development mode. Um and I just I just disable the plugin altogether. The W3 um sorry not W3 the sorry I’m a little all over the place today. the WP Rock is the caching plugin we use. [snorts] So let’s see if it

6:44 Caching Plugin and WP Rocket Setup
finished the work. So it’s verifying the screenshot. It’s running commands. It will architect it and do it and then it should be done.

6:58 Final Result on the Live Site
Okay, so it’s done. Um and it finished here. This took about maybe five minutes. You can be doing other things while it’s doing its thing. And then let’s take a look at the live site. And here’s that remodels page we made. Look at that. Uh-huh. Uh-huh. Looking beautiful there. Instagram, Facebook, LinkedIn. There’s their info. There’s the email. Look at this. It even added the mail to link. There’s the phone number link. That looks super nice and clean. So, we could now design websites just by having a conversation. So, essentially what I did with this whole site is I had a contractor starting to build it. I really wasn’t happy with the contractor’s work. So, we had Claude take over the rest of this project and build the entire thing. In the future, what I’ll do is have um Claude um test Claude or PB to build an entire website from scratch on WordPress. That’ll be pretty awesome. I assume it will take a ton of usage, but that’ll be the next step. But we [snorts] can now edit websites and log have our browser log in and do things, investigate things, fix things without having to log in manually. So pretty awesome. All right, I’m Jeremy Asher with Push Leads. X