Menu
Build Better Website: The Reverse Engineer Method Revealed Reverse Engineer Framework 1.0 Using the AI Builder to Copy Websites

Using the AI Builder (Video)

I'm using a different website platform/CMS, not WordPress. How can I copy other website design?

Kindly proceed to our second module in this course, titled ‘Reverse Engineer Framework 2.0‘, where we will demonstrate how to replicate website design using Figma and Canva or click here

This method catered to users of all web platforms that utilize page builders—such as WordPress, Kajabi, GHL, ClickFunnels, LeadPages, and others.

We still recommend going through this course from A-Z as there are tons of valuable tips that you can implement for your site.

Do I have to purchase 10Web hosting to use the AI builder ?

I will try to answer this question from two different perspectives

As a business owner:
The Reverse Engineer Framework 1.0 requires you to use the AI Builder by 10Web.  You can take advantage of the 7-day free trial that 10Web offers. In our experience, you can recreate as many websites as you want within this period. 

Then, you can easily transfer your design to a website hosted by a different hosting provider. Refer to the ‘Transfer your Design‘ topic in this module. If you wish to use AI Builder for more than 7 days, you can definitely subscribe to their plan.

As an agency:
You might want to sign up for a 10Web plan if you design websites for clients. There are also monthly plans where you pay, only when you need to utilize it.

Click here to sign up

I want to use it for more than 7 days. How to apply the discount coupon for 10Web subscription after signing up with free trial?

Right now, you won’t see a place to put a coupon when you move from the free trial to the pro plan. But, don’t worry! Just reach out to the support team and they’ll help you use the coupon.

Before recreating your page with AI, make sure to...

  • Activate 10Web Theme
  • Activate 10Web AI Builder Plugin

After recreating your page with AI Builder...

  • You may find that Header & footer are copied as well. Therefore, set the page layout to Canvas
  • You may find that CTA buttons are in the form of container or text widget.
  • If the recreation result is unsatisfactory (even though you have followed the criteria mentioned in the previous topic), you can actually get in touch with the support team for clarification and rectification.

PRO TIPS

During the editing mode of a website, it is best to disable or deactivate any caching plugin that is installed in your WordPress site (i.e. 10Web Booster) or configured within your hosting. Caching plugins are designed to improve the speed and performance of your website by storing a static version of your site's pages or posts in the cache memory.
However, when you are in editing mode, caching can interfere with your ability to see changes in real time. This is because the cached version of the page is displayed instead of the updated version.

I tried to recreate the website using 10Web from my swipe file, but it's not looking as I had hoped. What should I do?

The AI builder is still relatively new and has its limitations. But here are few things that we can do:

  • Try again. Recreate the page once again.
  • Make certain you are recreating a page design which follows all the key criteria.
  • Try recreating a shorter landing page next time.
  • If it still doesn’t work. Don’t sweat it and reach out to the support team. They can give clarification to you.
 

Additionally, there’s no need to stress about it, as we’re going to reconstruct the sections in the next step.

Previous Topic
Back to Lesson
Next Topic

Course Content

Course Home Expand All
Course Q&A
Ask Question

Discount:

30% OFF

Quick Menu

My Account

Change passwords, check learning progress, etc.

Support

Report a problem or an issue?

Sign Out

See you again!

  • Course Q&A
Do I have to purchase 10Web hosting to implement the Reverse Engineer Method 1.0 ?

Not necessarily. Although the Reverse Engineer method requires you to use the AI Builder by 10Web, You can take advantage of the free trial that 10Web offers for 7 days. In our experience, the AI recreation process should not take more than 3 days. Then, you can easily transfer your design to your website hosted on a different hosting provider by referring to the ‘Transfer your Design’ topic found under Module 3. If you wish to use AI Builder for more than 7 days, you can definitely subscribe to their monthly plan.

Right now, you won’t see a place to put a coupon when you move from the free trial to the pro plan. But, don’t worry! Just reach out to the support team and they’ll help you use your coupon.

Kindly head over to our ‘Contact Us’ page and share with us what’s bothering you. We’re here to help.

The purpose of the reconstruction step is to fix any inaccuracies the AI builder might leave when recreating sections. I’ve noticed that, for other sales pages, the AI builder tends to have a hard time recreating the page. Hence, we use the reconstruction step. We add a new section below the one AI worked on, and then move the widgets into this new section. This way, it offers us a point of reference to match the intended design that we wanted even if the AI builder misses something.

I get it, it can be tricky, especially for beginners. That’s why I recommend trying out the grid layout or CSSGrid. Most of the time, design needs are box-shaped or grid-like. It makes things much easier! So, save the flexbox container for those occasional layouts that you just can’t create with a boxy design. 

When the AI builder recreates a page, it often places containers inside other containers – a process we call “nesting.” This can make finding which container holds your background image quite a challenge. But don’t worry, that’s exactly why we do the reconstruction; to create a much simpler layout. You can use the navigator to check how many containers have been created. This will make finding your background image a whole lot easier.

Sure thing! A base template is designed to help people from non-designer’s background establish their overall style, especially when they’re not experienced designers. Think of it as a starter kit for your website design. A base template usually includes around 60% of your site’s overall look. You can then pick up design elements such as color schemes or typography styles from the base template to get your own design started.

This is just a suggestion. It’s totally fine to use any tool you like for pre-planning your website. However, this planning process really helps you visualize your site, especially when merging different websites together. Trust me, it can get quite messy without some planning!

The AI builder is still relatively new and has its limitations. But here are few things that we can do:

  • Try again. Recreate the page once again.
  • Make certain you are recreating a page design which follows all the key criteria.
  • Try recreating a shorter landing page next time.
  • If it still doesn’t work. Don’t sweat it and reach out to the support team. They can give clarification to you.
 

Additionally, there’s no need to stress about it, as we’re going to reconstruct the sections during the next step.

  • Ask Anything

9 Responses

    1. If you encounter any video playback problems on your mobile device, please consider viewing this course on laptop, or desktop. We are actively addressing issues to enhance the learning experience.

  4. Which is the difference between the 2 services that they provide, one is PAGE SPEED BOOSTER and the other one is PLATFORM, how to know which we should pick.

    1. Hi Raul, good question. Page Speed Booster is for those who host their WordPress website with another hosting provider, while the platform itself includes hosting and Page Speed Booster as part of a single package in their offerings.If you wanted to use the AI builder, you should opt for the platform package 🙂

Leave a Reply