How can I create a multi-step checkout with subscriptions?

Store Design
1

Hello shopify community,

I need your help and guide to achieve something the below website. I am using Dawn theme and Appstle app.

Want something like this https://www.prettylitter.com/get-started

Please let me know how I can do it? If that is possible, then please mention all details or steps.

Looking forward to your response.

Thank you.

2

To create a “Get Started” page similar to the one on prettylitter.com using the Dawn theme and Appstle app in Shopify, you can follow these steps:

  1. Install and Set Up the Dawn Theme:

    • If you haven’t already, install the Dawn theme from the Shopify Theme Store.
    • Customize the theme according to your preferences, including fonts, colors, and layout.

  2. Install and Set Up the Appstle App:

    • Install the Appstle app from the Shopify App Store.
    • Follow the setup instructions provided by the app to integrate it with your Shopify store.

  3. Create a New Page:

    • In your Shopify admin dashboard, navigate to “Online Store” > “Pages.”
    • Click on “Add page” to create a new page.
    • Give your page a title, such as “Get Started.”

  4. Design the Page Layout:

    • Use the Shopify page editor to design the layout of your “Get Started” page.
    • Divide the page into sections to organize the content effectively.
    • Add text, images, buttons, and other elements to guide users through the process of getting started with your product or service.

  5. Add Appstle Components:

    • Utilize the features provided by the Appstle app to add interactive elements to your page.
    • For example, you can use the app to create a step-by-step guide, interactive forms, or product recommendation widgets similar to the ones on prettylitter.com.

  6. Customize Styling and Branding:

    • Ensure that the design and styling of your “Get Started” page match your brand’s aesthetic.
    • Customize fonts, colors, and images to create a cohesive look and feel.

  7. Preview and Test:

    • Preview your “Get Started” page to see how it looks on both desktop and mobile devices.
    • Test the functionality of any interactive elements added through the Appstle app to ensure they work as expected.

  8. Publish the Page:

    • Once you’re satisfied with the design and content of your “Get Started” page, click on “Save” and then “Publish” to make it live on your Shopify store.

  9. Promote and Share:

    • After publishing the page, promote it to your customers through various channels such as email newsletters, social media, or on your website’s navigation menu.

By following these steps and leveraging the capabilities of the Dawn theme and Appstle app, you can create a “Get Started” page that guides users through the process of getting started with your product or service, similar to the one on prettylitter.com.

3

Thank you for the helpful information. Actually, I already know these steps.

I want to know do I need to make a form for this?

  • If yes, then how? Also, how form and Appstle will be connected? How it will be communicate and connected with checkout?

  • If no, then what elements do i need to use for this? First, people need to select the cats options then they can select the monthly or yearly subscription option. How the subscription will be setup? Need to create a product for this?