Skip to main content

How setup Upsell Inline Form?

In this section, we'll guide you through the process of customizing where your Inline offers appear on your online store. This step is crucial for ensuring that your promotions are showcased exactly where you want them. We'll cover two scenarios: setting up the display location for the OS 2.0 theme and configuring it for other themes.

I/ Setting Display Locations for OS 2.0 Theme​

Step 1: Access the "Position" Tab​

To start, head over to the "Position" tab in your settings. This is where you have the power to determine where your offers will be displayed.

Look for the redirect link on the banner. This is your entry point for configuring the display location of your Inline offer.

Step 3: Choose Your Desired Display Spot​

Now, it's time to select the precise location where you want your Inline offer to show up. This gives you the flexibility to tailor the placement to your store's specific requirements.

Step 4: Add the Offer Block​

Click "Add block." This is the stage where you integrate your offer into the chosen location.

Step 5: Select "Apps" and Opt for "Avada Offers"​

Find the "Apps" section in the menu, and specifically opt for "Avada Offers."

Step 6: Save Your Settings​

Don't forget to save your settings to make them take effect.

II/ Setting Display Locations for Other Themes​

Step 1: Navigate to the "Position" Tab​

Just like with the OS 2.0 theme, start by going to the "Position" tab in your settings.

Step 2: Copy the Snippet Code​

This time, you'll need to copy the provided Snippet Code. This code is vital for configuring the display location on themes other than OS 2.0.

Step 3: Access "Online Store" > "Themes" > "Edit Code"​

Navigate to "Online Store," then proceed to "Themes." Here, you'll find the option to "Edit Code."

Step 4: Choose "product-template.liquid" or "Cart-template.liquid"​

Depending on whether you wish to configure the Product page or the Cart page, choose the relevant section: "product-template.liquid" or "Cart-template.liquid."

Step 5: Paste the Code Snippet​

Paste the Snippet Code into your preferred location within the selected section.

Step 6: Save Your Changes​

Ensure that you save your changes to activate them.

Step 7: Verify the Inline Offer Display​

Take a moment to confirm that the Inline offer is correctly displayed on the page you've configured. Remember to save all changes made to your offer settings.

Preview: See Your Offer in Action​

Before concluding, it's wise to preview how your offer will appear on your store. Click the "View" button on the Popup Offer to witness how it will be presented to your customers.

By following these steps, you can effectively control the placement of your Inline offers, ensuring that your promotions are seen by the right audience in the right places on your online store.