Building a Website with Wordsworth AI

This document provides step-by-step instructions on using the Wordsworth AI platform to create and enhance a website from scratch for an existing brand. The process involves inputting a query, selecting templates, populating content, and integrating the site with various platforms.

Step 1

Begin by accessing the Wordsworth AI platform.

Step 2

Input a query related to your market needs to initiate the creation of a website from scratch.

Step 3

This process is designed for an existing brand and product, such as LEC, Luminous Eye Corrector.

Step 4

Incorporate context from the marketer about the hero product, such as the SPF Under Eye Corrector, along with campaign and landing page details.

Step 5

Select the basis for generating the query, utilizing an e-commerce template as a reference.

Step 6

The system suggests the most appropriate template for the query, such as a UGC video listicle.

Step 7

The AI provides a rationale for the match, showing a 96% fit. Templates consist of content blocks stacked vertically to form a complete page.

Step 8

These content blocks are AO ready, ADA compliant, and responsive, among other features.

Step 9

Proceed to populate the content of the page.

Step 10

Open the base page in editor mode for content integration.

Step 11

In agent mode, select specific brand information, such as SPF Under Eye Corrector Cream, and retrieve data from MCP servers.

Step 12

Observe the varied data that populates the editor.

Step 13

Product key features, customer reviews, and ad library context populate, with over 500 reviews available.

Step 14

Access customer insights summarized from ad reviews.

Step 15

Incorporate the product's value proposition, review analytics, and visual assets for page integration.

Step 16

Utilize the gathered information to populate the page.

Step 17

The orchestration system, or agentic paradigm, begins populating styles, text, and media, transforming the basic page into a brand-specific site. Subsequently, push the page to staging.

Step 18

Leverage purpose-built connections with platforms like WordPress, Shopify, Next.js Remix, and HubSpot.

Step 19

On Shopify, create a staging theme to validate the template.

Step 20

Review the files included in the staging theme.

Step 21

The published test page is both mobile and desktop-ready. Begin a second process to enhance an existing page in your campaign.

Step 22

Select a specific page for improvement.

Step 23

The focus remains within the e-commerce sector.

Step 24

Add competitor URLs for analysis.

Step 25

Allocate time to conduct the analysis.

Step 26

Review the existing page for insights.

Step 27

Integrate analytics by selecting date ranges to visualize metrics, such as sessions and scroll speed, in detail.

Step 28

Access granular data at the content block level, including entry, completion rate, and click-through rates. Implement recommendations and make changes via the editor panel.

Step 29

For the hero banner, access the editor to make updates, such as changing the title with ease.

Step 30

Following updates, push the revised page to staging.

Step 31

Final adjustments and reviews are conducted in this step.