Skip to main content

How to Customize and Edit a Sales Page in OfferLab

Learn how to personalize and structure your sales page to match your brand and showcase your offer.

Updated over 6 months ago

Step-by-Step Instructions (Desktop)


Editing Sales Page Theme & Layout

  1. Go to the Offers page using the sidebar

  2. Click the offer you want to edit

  3. Click the "Sales Page" tab

  4. Click "Theme Customization"

    Choose a theme mode:

    • Auto Mode (adjusts based on user device settings)

    • Always Dark Mode (forces dark mode for all users)

    💡 Tip: Dark mode can reduce eye strain in low-light environments, while auto mode ensures the best experience for each viewer.

  5. Click "Brand Color"

    1. Choose a color by

      1. Clicking one of the color options available in the circles

      2. Clicking the pencil icon and using the color slider/picker for a custom shade

      3. Typing a specific HEX code in the empty box below the color options

  6. Customize other styles (Secondary brand color, main text color, button color)

    1. The same process applies to Button Color and other customizable color settings. Follow the steps above to ensure consistency in your theme design.

  7. Click "Button Shape" dropdown

    • Choose one of the available shape options: Rounded, Square, or Pill.

  8. (Optional) Add Custom CSS

    1. Click on the custom CSS box and enter your custom CSS code

      1. Alternatively, click the Magic Wand icon and give some guidance for AI to generate your custom CSS for you

    ⚠️ Warning: We don't check your CSS, so things might get a little funky on your sales page if there's a slip-up. Custom styles won't show in preview — publish your page to see them live!

  9. Click "Publish"


Editing Button Shape

  1. Go to the Offers page using the sidebar

  2. Click the offer you want to edit

  3. Click the "Sales Page" tab

  4. Click the Theme Customization section

  5. Click "Button Shape"

  6. Select one of the available options:

    • Rounded

    • Square

    • Pill

  7. Click "Save"


Editing Specific Sales Page Sections


Editing the Header Section

  1. Go to the Offers page using the sidebar

  2. Click the offer you want to edit

  3. Click the "Sales Page" tab

  4. Click on the Header section.

  5. Click "Add Media" to upload your brand logo.

  6. Click "Browse" to select an image, or drag and drop it into the upload box.

  7. (Optional) Add a Dark Mode Header Logo.

  8. Click "Save Draft" and "Publish" to apply changes.


Editing the Showcase Section

  1. Go to the Offers page using the sidebar

  2. Click the offer you want to edit

  3. Click the "Sales Page" tab

  4. Click on the Showcase section

  5. Click "Add Media" to upload an image or video

  6. Enter an Offer Headline

  7. Add a Subtitle and Description that explains your offer

  8. Click "Save Draft" and/or "Publish" to apply changes


Adding or Removing Sections


Adding New Sections

  1. Go to the Offers page using the sidebar

  2. Click the offer you want to edit

  3. Click the "Sales Page" tab

  4. Scroll to the section where you want to add a new block

  5. Click Add Section

  6. Choose from available options:

    • Customer Proof

    • Accordion

    • Features & Benefits

  7. Customize the section with text, media, and styling

  8. Click "Save Draft" and/or "Publish"


Deleting a Section

  1. Go to the Offers page using the sidebar

  2. Click the offer you want to edit

  3. Click the "Sales Page" tab

  4. Click on the section you want to remove

  5. Click "Delete"

  6. Confirm deletion (⚠️ This action cannot be undone).


Adding a Product to an Offer

  1. Go to the Offers page using the sidebar

  2. Click the offer you want to edit

  3. Click Edit next to Products

  4. Click Add Product

  5. Choose one of the following options:

    • Select an existing product from the dropdown

    • Create a new product by typing its name and description

  6. Click "Save"


Removing a Product from an Offer

  1. Go to the Offers page using the sidebar

  2. Click the offer you want to edit

  3. Click Edit next to Products.

  4. Locate the product you want to remove and click Delete.

  5. Confirm the deletion.

Did this answer your question?