Breadcrumbs

Using the Ecommerce Element

The ecommerce element lets you sell products directly from your landing page through Stripe integration. You can sell digital downloads, courses, physical products, or services with secure payment processing built into AWeber. When a purchase is made, the buyer is automatically added as a subscriber on your AWeber list.

You can use the Ecommerce element to sell different types of products, including:

  • eBooks and PDFs

  • Access to your webinars

  • Memberships

  • "How to" guides for your audience

  • Illustrations and templates

  • Entry to a program or course you've developed

  • Access to an event

  • Tips and donations to fundraise for your passion project

Note: In order for your landing page to process purchases, you must complete Stripe's onboarding wizard and have a verified bank account with Stripe. Stripe may also require you to verify your business and personal identity before charges can be processed.

Fees

For each sale you make using Stripe and AWeber, there are fees for each transaction. Learn more about Stripe pricing. AWeber fees are as followed:

Step 1: Connect Your Stripe Account

  1. Visit the Stripe for Landing Pages integration page.

  2. Click "Connect" to start the integration.

  3. You will be directed to log in through Stripe to connect the integration.

    image-20250626-130756.png

Note: You only need to connect to Stripe once. After that, you can add products to any of your landing pages.

Step 2: Add a Product in the AI Landing Page Builder

Create the product you want to sell in your Stripe account. Log in to your Stripe Dashboard, go to your product catalog, and add a product with a one-time price.

  1. Visit the AI Landing Pages tab and open your Landing Page.

  2. In the chat, ask the builder to add a payment button for your product. For example: "Add a payment button for my $50 gift card."

The builder adds a button that matches your page's style. Visitors pay without leaving the page, and their information goes straight to your AWeber list.

Note: The AI Landing Page Builder can't create products for you. It can only add products that already exist in your connected Stripe account. Subscription and payment plan options aren't supported in the AI Landing Page Builder yet.

Step 2 (Alternative): Add a Product in the Drag and Drop Editor

  1. Click the "Landing Pages" tab in your AWeber account

  2. Drag the Ecommerce Element onto the Landing Page.

    Add Ecommerce Element.gif

  3. Under the "Product" tag, select "Add a Product".

    image-20250626-141045.png

  4. Product Name: Enter a clear, compelling product name (50 characters or less).

    image-20250626-141122.png

  5. Payment Type: Choose from supported options (one-time, subscription, or split payments).

    image-20250626-141139.png

  6. Price: Set your product price.

    image-20250626-141154.png

    Note: if you have already created a product using the ecommerce element, you can select that product when using the ecommerce element.

    image-20250626-141340.png

  7. Apply tags (Optional): To tag users that make a purchase through this Ecommerce button, click "Add Automation" and enter the desired tag name.

    image-20250626-141611.png

Customize the Purchase Button

  1. Click on the Ecommerce element purchase button.

  2. Highlight the text on the button to change the button text (examples: "Get Instant Access", "Buy Now", "Start Today"). The font formatting can be changed using the font bar above the button.

    image-20250626-141902.png

  3. Click on the "Button" section on the right to edit the button settings.

    image-20250626-141750.png

  4. Choose whether to have the button auto size, meaning the button's size will be determined by the content inside of the button.

    image-20250626-141810.png

  5. Adjust the button padding.

    image-20250626-141832.png

  6. Select the alignment of the button on your page.

    image-20250626-141838.png

  7. Choose the button shape.

    image-20250626-141847.png

  8. Adjust button color and hover color to match your brand.

    image-20250626-141852.png

Set Up Post-Purchase Actions

Multiple additional options can be edited from the "Order Form" and "Receipt" tabs.

  1. Click on the "Order Form" tab to view the order form.

    image-20250626-144142.png

  2. The "Powered by AWeber" icon can be enabled or disabled under the "Branding" section.

    image-20250626-142347.png

Note: Disabling AWeber branding requires the Plus plan. Upgrade to Plus to turn off AWeber branding and unlock tools to better understand and connect with your audience.

  1. Click the "Receipt" tab to view the receipt page. You can edit the text your purchasers will see on this page.

    image-20250626-144244.png