10Web's Agentic Website Builder lets you recreate or redesign an existing website using AI. Provide your website's URL, and 10Web AI uses its publicly accessible content, structure, and design as a reference to generate a new, editable WordPress website.
You can modernize an outdated website, rebuild a website created with another platform, or create a new version of your business website while preserving its main content and branding.
This guide explains when to use website recreation, how to recreate your website from a URL, and how to add missing pages or sections after generation.
When should you recreate a website with AI?
Website recreation is useful when you want to rebuild or improve an existing website rather than transfer its original files and database.
Redesign an outdated website
If your website has an outdated design, confusing navigation, or poor mobile layouts, you can use 10Web AI to create a modern version without starting from scratch.
For example, a consulting company with an older five-page website can recreate its Home, About, Services, and Contact pages while requesting modern layouts, improved typography, and clearer calls to action.
AI uses the existing website as a reference, so you don't have to manually describe every service or page.
Rebuild a website from another platform
If your current website was created using Wix, Squarespace, Webflow, or another website-building platform, you can use its public URL to generate a new WordPress website with 10Web.
For example, a photographer with a portfolio on Squarespace can recreate their homepage, portfolio pages, and contact page in 10Web, then continue customizing the new website using AI prompts or manual editing tools.
This creates a new website based on the original. It does not transfer the original platform's backend functionality, databases, or integrations.
Recreate a website while preserving its brand
You can recreate a website while keeping the visual identity your customers already recognize.
For example, a restaurant can preserve its logo, brand colors, menu information, and business details while improving the layout, adding a more prominent reservation button, and making the website easier to use on mobile devices.
You can also attach additional brand assets, such as your logo or images, to help AI follow your existing visual style.
Recreate a client website
Agencies and freelancers can use website recreation to build new versions of their clients' websites without manually rebuilding every page.
For example, an agency working with a local business can use the client's existing website URL to generate a redesigned homepage and key service pages. It can then recreate additional pages individually, adjust the design, and prepare the website for client review.
This is particularly useful when a client wants a modern website but already has content and a structure worth keeping.
Step 1. Start recreating your website
You can start from 10web.io or your 10Web dashboard.
- Open 10web.io, or sign in to your 10Web dashboard and navigate to Websites.
- Find the AI prompt field used to generate a new website.
- On 10web.io, click Add links. In the dashboard, click + (Add) next to the prompt field and select Socials & links.
- Select Existing website URL to open the Add website panel.
- Enter the URL of the website you want to recreate.
- Under How to use this website, choose how 10Web AI should use the reference:
- Redesign: Recreate the website using its existing content and structure with a refreshed design.
- Use as inspiration: Use the website as a reference for the layout, structure, or visual style of a new website.
- Match its brand: Use the website's colors, typography, and visual identity as a reference.
- Select Redesign to recreate your existing website.
- Click Add website, then submit your request to continue.
Important:
Your original website must be publicly accessible. 10Web AI cannot reliably recreate content from password-protected pages, private accounts, or pages that require login credentials. Some publicly accessible websites may also restrict automated access.
Step 2. Review and approve the Website Plan
After you submit the URL for redesign, 10Web AI analyzes the available website content and prepares a Website Plan.
The Website Plan outlines the website AI intends to generate, including its main goal, design direction, content, and the specific pages that will be recreated during the initial generation.
- Review the generated Website Plan.
- Check the list of pages AI plans to recreate from your original website.
- Prioritize the pages you need most. If important pages are missing from the plan, you can also ask AI to replace less important pages with higher-priority ones.
- Review the proposed design, content, and structure.
- Check the What comes later section for pages or functionality that will not be included in the initial generation.
- If any changes are needed, describe them in the AI chat before approving the plan.
- Once you're satisfied, click Approve & start generation.
Example AI prompt:
"Update the Website Plan to include the Services, Pricing, and Contact pages in the initial generation. These are more important than the Blog and Testimonials pages, which I can add later. Use the corresponding content from my original website."
Note:
The initial generation may not include every page or section of your original website. You can recreate missing pages and sections individually after the website has been generated by providing their original URLs to the AI Editor.
Step 3. Review your generated website
After you approve the Website Plan, 10Web AI generates your new website. Once generation is complete, you can open it in the 10Web AI Editor.
Review the generated pages and check that the important business information, images, branding, navigation, and interactive elements are correct.
You can make changes using the AI chat, the visual editor, the theme editor, or the code editor.
Step 4. Recreate missing pages using their original URLs
If the initial generation did not include every page from your original website, you can recreate the remaining pages individually.
Instead of describing the missing page manually, provide its original URL and ask 10Web AI to create a corresponding page on your new website.
How to recreate a missing page
- Open your generated website in the 10Web AI Editor.
- Open your original website in another browser tab.
- Navigate to the page you want to recreate, such as your Services, About Us, or Pricing page.
- Copy the full URL of that page.
- Return to the 10Web AI Editor.
- In the AI chat, write a prompt asking AI to create the missing page using the original URL as a reference.
- Paste the page URL into the prompt or attach it using the available link attachment option.
- Submit your request.
- Review the generated page and request any necessary adjustments.
Example: Recreate a Services page
Create a new Services page for my website based on https://example.com/services. Recreate the services, descriptions, and main content from the original page. Match the design, colors, and typography of my newly generated website, and add the page to the navigation menu.
Example: Recreate an About Us page
Create an About Us page based on https://example.com/about. Use the company's story, mission, and team information from the original page. Keep the content accurate and apply the design style of my new website.
Example: Recreate a Pricing page
Add a Pricing page based on https://example.com/pricing. Include the available plans, their prices, features, and calls to action. Follow the existing design of my recreated website.
Tip:
For websites with many pages, recreate the most important missing pages first, then continue with secondary pages. Provide the original URL for each page so AI has a specific content and structure reference.
How to check your website's pages
- In the 10Web AI Editor, click the page selector in the top toolbar, which displays the current page, such as / Home.
- Click Manage pages to view your website's pages.
- Check that each recreated page appears in the page list.
- Open the page to review its content and design.
Step 5. Add missing sections using the original page URL
You can also recreate individual sections that were not included during initial generation.
For example, your original homepage might contain a testimonials section, pricing comparison, portfolio gallery, or FAQ section that AI did not include in the first version.
You do not need to recreate the entire page to add these elements. You can provide the original page URL and specify which section you want AI to reproduce.
How to recreate a missing section
- Open your original website and navigate to the page containing the missing section.
- Copy the URL of that page.
- In the 10Web AI Editor, open the page where you want to add the section.
- In the AI chat, describe the missing section and provide the original page URL.
- Specify where the new section should appear on your page.
- Submit the prompt.
- Review the generated section and request additional adjustments if needed.
Example: Add a missing testimonials section
On my original homepage at https://example.com, there is a customer testimonials section. Recreate that section on my new homepage below the Services section. Use the same customer reviews from the original website and match the design of my new site.
Example: Recreate a portfolio gallery
Recreate the portfolio gallery section from https://example.com/portfolio and add it below the About section on my homepage. Use the original portfolio images where available and match my new website's styling.
Example: Add a missing FAQ section
Find the FAQ section on https://example.com/services and recreate it at the bottom of my new Services page. Preserve the original questions and answers and display them in an accordion layout.
Example: Recreate a specific design section
Use the hero section at https://example.com as a reference and recreate its layout on my new homepage. Keep my current website's branding and replace the original text with my updated headline and description.
Tip:
When requesting a section, describe where it appears on the original page and where you want it added to the new website. For example, "Recreate the three-column benefits section below the hero and place it above the testimonials." This helps AI identify the correct section.
Note:
Sections with complex animations, third-party widgets, or custom functionality may require further editing. If AI cannot access the original section correctly, you can also provide a screenshot or describe the missing content directly.
Step 6. Customize the recreated website
After recreating the necessary pages and sections, you can make further improvements using the 10Web AI Editor.
- AI chat: Describe changes to layouts, content, pages, or functionality using natural-language prompts.
- Visual editor: Select page elements to update text, images, links, and appearance settings.
- Theme editor: Adjust site-wide colors, typography, corner radius, shadows, and other design settings.
- Code editor: Access and modify the generated components, styles, and code.
Example AI prompt:
Review the design consistency across my homepage, Services, About Us, and Contact pages. Make sure they use the same colors, typography, button styles, and spacing without changing the content.
Step 7. Review and configure SEO settings
Recreating a website with 10Web AI does not automatically transfer the original website's SEO configuration.
Although AI can use publicly accessible website content as a reference, the recreation process does not migrate your original SEO plugin settings, search engine configurations, or existing SEO data.
Before publishing your new website, review and configure:
- Meta titles and descriptions: Check the SEO title and description for each important page.
- Page URLs: Compare your new URLs with the original website's URLs.
- Redirects: Configure 301 redirects if any original URLs will change.
- Canonical URLs: Review canonical settings where necessary.
- Search engine verification: Configure Google Search Console and other relevant search engine verification settings.
- Sitemap: Verify the new sitemap and submit it to the relevant search engines.
- Indexing settings: Make sure pages intended to appear in search results are indexable.
Important:
Your original site's SEO settings are not transferred automatically when recreating it with AI. Reusing the same content or domain does not guarantee that your previous search rankings will be preserved. Review SEO settings and configure redirects before replacing your existing website.
For detailed instructions, see How to Set Up and Manage SEO on Your Website With 10Web.
Step 8. Publish your recreated website
Once you have reviewed the content, design, functionality, and SEO settings, you can publish your new website.
- Open your recreated website in the 10Web AI Editor.
- Check the homepage and all important pages.
- Test the navigation, buttons, forms, and other interactive features.
- Preview the website on desktop and mobile screen sizes.
- Click Publish.
- If you want to use your existing domain, connect it to the new website and update its DNS settings when you're ready to switch.
Important:
Recreating your website does not modify or delete the original website. Your existing website remains unchanged until you make changes to its hosting or domain configuration. If you are replacing a live website, keep a backup and test the new version before switching your domain.
Recreation vs. migration: Which option should you choose?
If you already have a WordPress website, you may not need to recreate it with AI.
10Web offers two different approaches depending on what you want to achieve.
Choose AI recreation if you want to rebuild or redesign your website
AI recreation is the right option when you want to modernize your website, rebuild it from another platform, change its design, or generate a new editable website from your existing content.
The recreated website is a new WordPress website generated by 10Web AI. You can continue customizing it using AI prompts and the 10Web AI Editor.
However, it is not an exact copy of the original website, and existing backend data, integrations, and SEO settings are not automatically transferred.
Choose WordPress migration if you only want to change hosting
If your existing website is already built with WordPress and you simply want to move it to 10Web Hosting without redesigning it, use 10Web's automated WordPress migration instead.
Migration creates a copy of your existing WordPress website on 10Web Hosting, preserving its design, content, files, database, plugins, and settings rather than rebuilding them with AI.
This is the better option when you want your website to remain the same and only change its hosting provider.
Important:
The 10Web Agentic AI Editor is not available for websites transferred through WordPress migration. If you want to continue building and editing your website with AI prompts, choose AI recreation instead. Migrated websites continue to use their existing WordPress theme, plugins, and editing tools.
To move an existing WordPress website to 10Web Hosting, see the 10Web Automated WordPress Migration guide.
What's next?
After recreating your website, you can continue adding pages, rebuilding sections, updating your design, and configuring SEO using 10Web's AI-powered editing tools.
For more guidance, see:
- How to Generate a Website With 10Web's Agentic Website Builder: Learn how the full AI generation process works.
- What Inputs Does 10Web AI Support for Website, Store, and App Creation?: Learn how to use URLs, social profiles, text prompts, files, and other supported references.
- 10Web AI Editor: Learn how to edit your website using AI prompts, visual editing, and code editing tools.
- How to Set Up and Manage SEO on Your Website With 10Web: Configure SEO settings for your recreated website.