Lesson 1 of 0
In Progress

Edit Checkout Page

Wisse 08/04/2023

Step 1: Log in to your YSOB Site

  • Open your web browser and log in to youre YSOB website.
  • Enter your username and password that have been sent to you via email.

Step 2: Access CartFlows Settings

  • After logging in, you will be redirected to the YSOB Webshop dashboard.
  • On the left-hand side of the dashboard, click on “CartFlows” to access the plugin settings.
(Screenshot 2: YSOB Webshop dashboard with the “CartFlows” menu highlighted)

Step 3: Edit the Checkout Page

  • In the CartFlows settings, click on “Flows” to manage your checkout pages.
  • Find the checkout flow you want to edit and click on the “Edit” button next to it.
(Screenshot 3: CartFlows settings with the “Flows” tab highlighted)

Step 4: Customize the Checkout Template

  • Once you’re in the checkout flow editor, you can start customizing the checkout page template.
  • CartFlows provides a user-friendly interface for editing the page.
  • Modify the layout, sections, fields, and design elements according to your preferences.
  • You can add new elements, rearrange existing ones, or remove unnecessary elements.
(Screenshot 4: CartFlows checkout flow editor with the template being customized)

Step 5: Configure Checkout Form Fields

  • To modify the form fields on the checkout page, click on the desired field to access its settings.
  • Customize the field label, placeholder text, required status, and other field options.
  • You can also add new fields by dragging and dropping them from the available field options.
(Screenshot 5: CartFlows checkout flow editor with a form field selected for customization)

Step 6: Customize Checkout Page Settings

  • In addition to the layout and form fields, you can adjust various settings related to the checkout page.
  • Navigate to the “Page Settings” tab to access options such as page title, meta description, and SEO settings.
  • Configure the page settings based on your requirements.
(Screenshot 6: CartFlows checkout flow editor with the “Page Settings” tab highlighted)

Step 7: Save and Publish the Changes

  • Once you have finished editing the checkout page, click on the “Save” button to save your changes.
  • To make the modified checkout page live, click on the “Publish” button.
(Screenshot 7: CartFlows checkout flow editor with the “Save” and “Publish” buttons highlighted)

That’s it! You have successfully edited the checkout page using the CartFlows plugin. By following these steps, you can customize the checkout template, modify form fields, and configure settings to create a personalized and optimized checkout experience for your customers. Regularly review and update the checkout page based on your business needs and customer preferences.