Open in AthenaHQ
app.athenahq.ai/shopping-pagesPurpose
The Shopping Pages section is the central command center for managing, monitoring, and optimizing a customer’s AI-driven storefront. Here, marketers manage their product catalog feeds, build Product Listing Pages (PLPs) and Product Detail Pages (PDPs), and measure how well those pages capture traffic and AI citations. This feature provides everything a marketing team needs to rank in AI search: it suggests new landing pages to build based on trending opportunities, highlights underperforming pages that should be paused, and includes an A/B testing suite to experiment with page layouts and copy to maximize conversion.What’s on the page
Access-gate panel If the organization or website doesn’t have access to Shopping Pages, the tabs are hidden and replaced with a panel indicating that the feature is not available. Page header with tab strip The top navigation contains five main tabs: Actions, Metrics, Products, PLPs, and PDPs. Actions tab A feed of AI-generated recommendation cards to help users optimize their catalog. It surfaces:- Opportunities: Suggestions to create new landing pages based on search trends.
- Underperformers: Pages with low click-through rates that should be paused.
- Experiment decisions: A/B tests that have reached a statistically significant result and need review.
Tables
PDPs table Lists product detail pages.- (checkbox): Selects the row for bulk actions. Note: Only visible to admins.
- PDP: The name of the page.
- Product: The linked product or SKU group name.
- Status: Displays a Draft, Live, or Archived badge. When live and reachable, it also includes a live-page link icon.
- (row actions): A kebab menu (⋯) for individual page actions.
- (checkbox): Selects the row for bulk actions. Note: Only visible to admins.
- Name: The name of the page.
- Slug: The URL slug, displayed as
/plp/<slug>. - Status: A Draft, Live, or Archived badge. Also displays an “A/B” badge if the page is currently enrolled in a running experiment, plus a live-page link icon.
- Products: The count of renderable products on the page. If some products are stale or dropped from the feed, it shows
renderable / total. - Updated: The date the page was last updated.
- (row actions): A kebab menu (⋯) for individual page actions.
- Name: The name of the experiment.
- Status: Draft, Running, Decision needed, Shipped, or Rolled back.
- Page: The PLP path (e.g.,
/plp/<slug>). - Views: The number of tracked product views.
- CTR: The click-through rate percentage.
Drilldowns
- PDP detail drawer: Opens when clicking a PDP row. Shows product images, a live-page link, AI-visibility metrics (pageviews, AI crawler visits, citations, buy-link CTR, avg time on page), a “What AI sees” JSON-LD preview, and footer actions to change status or edit the layout.
- PLP detail drawer: Opens when clicking a PLP row. Shows the PLP edit form, live link, metrics, and status controls.
- Opportunity drawer: Opens when clicking an opportunity card on the Actions tab. Shows the trend description, matched products (indicating if they are in or out of the catalog), and a meter showing traffic overlap with existing pages to prevent cannibalization.
- Experiment drawer: Opens when clicking an experiment row or a decision card. Shows the scorecard (views, CTR, significance, lift), enrolled pages, and lifecycle actions (Start, Ship, Roll back).
- Cited page link: Clicking a cited page in the AI Visibility section on the Metrics tab deep-links directly to that page’s specific PLP or PDP detail drawer.
- Edit layout: Clicking the “Edit layout” link inside a PDP or PLP drawer navigates the user directly to the layout editor (
/shopping-pages/editor/...).
What you can do here
Page Creation & Editing- New PDP: Click the top-right button on the PDPs tab to open the create dialog. (If no products exist, this is blocked by an “Add a product first” prompt).
- New PLP: Click the top-right button on the PLPs tab to open the create dialog.
- Create PLP from selected products: On the Products tab, select checkboxes next to products and use the floating bulk bar to open a pre-filled create-PLP dialog.
- Edit: Inside the row’s kebab (⋯) menu, opens the edit dialog/drawer to modify the page’s name, category, or associated product.
- Edit layout: Inside the detail drawer, navigates to the visual page builder.
- Publish: Sets a page to live. Found in the row kebab menu, detail drawer, and the bulk command bar.
- Unpublish: Sets a live page to draft. Found in the row kebab menu, detail drawer, and the bulk command bar.
- Archive: Archives the page (requires confirmation). Found in the row kebab menu, detail drawer, and the bulk command bar.
- Restore to draft: Moves an archived page back to draft status. Found in the row kebab menu and bulk command bar.
- Select all / row checkboxes: Adds rows to a bulk selection, bringing up a floating bulk command bar at the bottom of the screen.
- Clear: Located in the bulk command bar to instantly deselect all rows.
- Import feed: On the Products tab, opens a dialog to import a product catalog via file upload or a hosted URL.
- Activate feed version: On the Products tab, sets a selected imported feed as the active/live catalog.
- New experiment: Opens the multi-step A/B test creation wizard.
- Review: On an experiment decision card, opens the scorecard drawer to review the results.
- Dismiss (decision card): Hides the experiment decision card for the current browser session.
- Create draft: On an opportunity card or drawer, instantly creates a draft PLP based on the AI suggestion.
- View draft: After creating an opportunity draft, navigates to the PLPs tab and opens the new page’s drawer.
- Dismiss (opportunity): Discards the recommendation, removing the card.
- Unpublish (underperformer): Instantly sets an underperforming PLP to draft status.
- Keep (underperformer): Dismisses the underperformer suggestion locally for that device.
- View live page: Opens the live, hosted shop page in a new tab. Found in row menus, status cells, and drawers.
- Copy (AI preview): Copies the rendered JSON-LD structured data to the clipboard from the PDP drawer.
- Try again: Retries a failed data fetch on error screens.
- Go to Products: Switches to the Products tab from various empty-state prompts.
Data shown
- Product Feeds: The raw product catalog data (TSV/CSV) imported by the customer.
- Tracked Pages: The actual PLPs and PDPs configured by the customer.
- Site Traffic: Aggregated pageviews, clicks, and engagement measured directly from the customer’s live shop site.
- AI Citations: Tracking data on how often AI models recommend the customer’s products or cite their shop pages in responses.
Common workflows
Publish a new PDP- Go to the PDPs tab.
- Click New PDP.
- Enter a name, pick a product from the catalog, and review the auto-filled slug and category.
- Click Save (this creates the page as a draft).
- Open the new row’s kebab (⋯) menu and click Publish to push it live.
- Open the Actions tab.
- Click an opportunity card to view the matched products and see the overlap meter (which ensures the new page won’t cannibalize existing traffic).
- Click Create draft to generate a new PLP.
- Click View draft to jump to the PLPs tab drawer to further edit or publish the page.
- Go to the PDPs tab.
- Select multiple rows via the checkboxes (or use the Select all checkbox in the header).
- In the floating bulk bar that appears at the bottom, click Archive.
- Confirm the destructive action in the pop-up dialog.
- Go to the PLPs tab and click the Experiments sub-tab.
- Click New experiment and select the pages and the type of treatment (e.g., hero copy, grid size).
- Review the details and create the draft experiment.
- Start the experiment to enroll the pages and assign the A/B arms.
- Once the experiment hits significance, open the decision drawer and click Ship (to make it permanent) or Roll back.
- Go to the Metrics tab.
- Pick a date range using the preset or custom picker.
- Review the pageviews, CTR, and AI crawler stat tiles and charts.
- Scroll down to see the Top/Bottom PLPs by CTR, and review the AI Visibility section to understand citation and recommendation share.
Empty, loading, and error states
- Empty: Depending on the tab, users will see friendly states like “Create your first PDP”, “No product listing pages yet”, “No opportunities yet”, or “No products imported yet”, usually accompanied by a primary call-to-action button (like “New PDP” or “Go to Products”). Filtered lists that return no results show a simple “No matches” message.
- Loading: The page uses skeleton table frames, skeleton toolbars, and pulsing stat-tile/chart placeholders. The initial page-level loading state dynamically mirrors the shape of whichever tab the user is trying to access.
- Error: Total failures show a “Could not load [data] right now” card with a “Try again” button. If only certain traffic or citation metrics fail, amber degraded-data banners appear at the top of the relevant sections, explaining that numbers may be incomplete.
Linked from / links to
- Linked from: Users navigate here via the main sidebar navigation (Shopping Pages).
- Links to: Users can click out to their live shop pages, jump into the layout editor (
/shopping-pages/editor/pdp/<id>orplp/<id>), or jump straight to the Products tab from various empty states.