AIDA, PAS, and BAB: How to Connect Ad Creatives to Product Pages
An ad can earn attention and still lead to a weak product page. The image may show one benefit, the caption may promise another, and the page may leave the shopper looking for the price, delivery details, or proof. A copywriting framework does not fix an unclear offer by itself, but it can give your message a useful order.
This guide shows how to use AIDA, PAS, and BAB across the path from an ad creative to a product page and an order. The examples use a fictional insulated lunch bag. The same method can work for clothing, beauty products, home goods, or digital products when you replace the example with facts you can actually support.

Start with the offer, not the acronym
Before choosing a framework, write down five facts:
- Who is the product for?
- What situation or task does it help with?
- What is included, and what is not included?
- Which proof can you show honestly?
- What must the shopper know before ordering?
For the fictional lunch bag, the notes might say: “For people who carry a meal to work or study; insulated inner lining; one main compartment and a small pocket; available in two colors; delivery choices and fees depend on destination.” This is a useful starting point because it describes a customer, a use case, tangible details, and limits. “The best lunch bag” is not a usable brief: it does not explain for whom, why, or how the claim could be checked.
The product page checklist is useful here. Confirm the title, real photos, price, options, stock, delivery information, and order path before buying traffic. If the store cannot fulfill the offer, a more persuasive ad only creates a larger service problem.
Choose the framework for the message you need
The three frameworks are writing structures, not rules that guarantee a result.
AIDA: guide attention toward an action
AIDA stands for Attention, Interest, Desire, Action. Use it when the shopper may not yet know the product and you need to move from a visible hook to a clear next step.
- Attention: show a relevant situation or striking product detail.
- Interest: explain how the product works or what it includes.
- Desire: connect those details to a concrete use or benefit.
- Action: invite the shopper to view the page, choose an option, or order.
For the lunch bag, a short video could open with a meal container being placed into the bag, show the lining and pocket, then show the bag being carried. The caption could say: “Carry a prepared meal with a separate pocket for small essentials. See the available colors, dimensions, price, and delivery options.” The action is specific; it does not pretend that every viewer is ready to buy immediately.
AIDA is a good fit for a demonstration or a product with several details to explain. On the product page, keep the same order: clear name and image first, practical description next, use-case benefits after that, then price, options, delivery and order button. The page should not introduce a different product or a stronger claim than the ad.
PAS: make a problem easier to recognize and solve
PAS stands for Problem, Agitation, Solution. Use it when the audience already recognizes an inconvenience and the product can address it without exaggerated fear.
- Problem: describe the real situation in plain language.
- Agitation: explain the practical cost or frustration, without shaming the shopper.
- Solution: show how the product helps and what the shopper can do next.
An honest PAS example might be: “Your meal container does not fit comfortably in your everyday bag. Carrying it loose can make the rest of the bag harder to organize. This insulated lunch bag gives the meal its own compartment and includes a small pocket for essentials. Check the dimensions and delivery options.”
Avoid turning PAS into panic. Do not invent health risks, guarantee that a product will prevent a problem, or use embarrassment as pressure. The marketing guide for online stores explains why a useful offer and a supportable customer journey matter before promotion.
On the product page, the problem should be recognizable in the opening description, but the rest of the page must answer the questions created by the ad: dimensions, materials, capacity, available colors, price, stock, delivery and what arrives in the package. If the page only repeats the problem, it has not completed the solution.
BAB: show the movement from before to after
BAB stands for Before, After, Bridge. Use it when the contrast between an old situation and a desired situation is easy to show, and when the product is the bridge between them.
- Before: show the starting situation without insulting the customer.
- After: show a realistic, supportable improvement in the situation.
- Bridge: explain what the product does and how to get it.
For the lunch bag, a carousel could show a crowded everyday bag first, then an organized meal-carrying setup, followed by the bag’s compartments and the product page. “Before” and “after” should describe organization, not promise a new lifestyle. The bridge is not merely “buy now”: it is the product’s dimensions, materials, options, price, delivery information, and order form.
BAB works well for a visual comparison, but it can become misleading if the after image is staged in a way the product cannot create. Use the actual product and label accessories or food containers that are not included. The AI product assistant article also provides a useful reminder: generated copy and visuals remain drafts to review against the real item.
Keep the ad and product page on the same promise
The ad and the page have different jobs, but they need the same facts. A simple message map can prevent gaps:
| Message element | Ad creative | Product page |
|---|---|---|
| Main promise | One short hook or scene | Clear title and opening description |
| Proof | Real photo, demonstration, material, dimensions | Detailed images, specifications, included items |
| Offer | Current price or honest invitation to view | Current price, options, stock and conditions |
| Friction answer | One objection handled in the caption | Full delivery, payment, returns and ordering information |
| Next step | View details or choose an option | Select, complete the form, and review the order |

The page can contain more detail than the ad, but it should not quietly change the promise. If the ad says “two colors,” the page should show those two available options. If the ad emphasizes a pocket, the description and images should make clear what fits there. If the price changes, update the creative or avoid putting the old price in it.
This alignment is especially important for COD orders. A click or an order-created event is not the same as a confirmed or delivered parcel. The COD media-buying guide explains how to compare platform-reported events with store and fulfillment records.
Adapt each framework to the creative format
Use the same message in different shapes instead of copying one paragraph everywhere.
Short video
Open with the situation or product detail in the first seconds. Show one action that proves the claim. Add a concise caption and a next step. Do not rely on text overlays that are too small to read on a phone. A demonstration is stronger when the viewer can see the product’s scale, opening, material, or use.
Single image
Choose one visual focus. The caption can carry the framework: an AIDA hook, a PAS problem and solution, or a BAB comparison. Keep the image honest and use the product page for specifications. Do not place a long list of features into an image if it will be unreadable or difficult to localize.
Carousel
Use each card for one step: situation, product detail, proof, option, and next action. A carousel can make AIDA or BAB visible, while PAS can use the first cards to establish the problem and the later cards to demonstrate the solution.
Text-led post
Use short paragraphs and a clear first line. Make the action match the reader’s readiness: “See the dimensions” is appropriate when the product requires consideration; “Choose a color” is appropriate when the page already answers the main questions.
Build the product page as the proof layer
The framework gets attention; the page earns understanding. Review the page in this order:
- First screen: Can the shopper identify the product and its main use?
- Images: Do the photos show the real item, scale, options, and important details?
- Description: Does it explain what is included, how to use it, and any limits?
- Offer: Are price, variants, stock, conditions and delivery information current?
- Order path: Is the form understandable on a phone, with a visible total and next step?
- Questions: Does the page answer the objection raised by the ad?
For the fictional example, a PAS ad about an unorganized meal should lead to a page showing the compartment, dimensions and capacity. A BAB creative about an organized bag should not lead to a page with only a studio front photo. An AIDA demonstration should lead to enough detail for the shopper to decide whether the product fits their routine.
If you use Madabina’s AI tools to prepare product copy or a landing page, review the title, language, images, price, options and claims before applying the result. AI can speed up a draft; it does not verify stock, delivery capacity, or whether a generated statement matches the item.
Test one question at a time
Do not change the framework, audience, price, image, delivery promise and product page at the same time. Write one test question, such as:
- Does a demonstration make more people open the product page than a static image?
- Does a dimension-focused page reduce questions about fit?
- Does a PAS opening produce more product views, while a BAB opening produces more orders created?
Keep the product and operational conditions stable when possible. Record the version, date range, spend, destination URL, creative, audience, and the metric you are comparing. A small sample can suggest a follow-up; it cannot prove that one framework always wins.

Separate the stages in your review:
- Reach and attention: impressions, video views, or outbound clicks reported by the platform.
- Product interest: product-page visits and engagement recorded by your analytics setup.
- Order creation: orders recorded by the store after the customer submits the form.
- Confirmation and delivery: statuses verified in your normal customer-service and fulfillment records.
For a hypothetical test, suppose an ad receives 1,000 impressions, 40 outbound clicks, 8 created orders, 6 confirmed orders, and 4 delivered orders. Those numbers describe a funnel for that test period; they do not establish a universal conversion rate or prove that the framework caused the outcome. If the campaign dashboard reports more conversions than the store records, investigate attribution windows, duplicate events, consent, and tracking configuration before increasing spend.
A practical publishing checklist
- Define one audience, situation, promise, proof point, and next step.
- Choose AIDA for guided discovery, PAS for a recognized inconvenience, or BAB for a realistic before-and-after contrast.
- Make the ad and product page use the same product facts, price, options, and conditions.
- Show the real product and identify what is not included.
- Read the page on a phone and verify the order form, delivery choices and total.
- Test one meaningful variable at a time and keep the previous version.
- Review created, confirmed and delivered orders separately from platform attribution.
- Stop or revise the campaign if stock, support, delivery or margin cannot sustain it.
When you are ready to prepare a store and its product pages, create a Madabina merchant account. Use the platform to publish an offer you can describe accurately, support consistently, and reconcile after the order is created.
If one product needs different campaign messages, read the guide to product landing pages and marketing angles before creating another creative.