Can the order number be displayed on the order confirmation page in Webflow?

Published on
September 22, 2023

Yes, the order number can be displayed on the order confirmation page in Webflow. Here's how you can achieve this:

  1. Create an order confirmation page: Start by creating a new page in Webflow and name it "Order Confirmation" or something similar. This will be the page that customers see after completing their purchase.

  2. Add dynamic text element: On the order confirmation page, add a dynamic text element where you want the order number to be displayed. To do this, select the text element and click on the "Add Field" button in the settings panel on the right-hand side.

  3. Link the dynamic text to the order number: In the dynamic text settings panel, choose the "Order" option in the "Choose a collection" dropdown menu. Then, select the "Order Number" field from the "Choose a field" dropdown menu.

  4. Customize the display of the order number: You can further customize the display of the order number by applying styles to the dynamic text element. This includes changing the font, size, color, and alignment to match your website's design.

  5. Preview and publish: Once you're satisfied with the design of the order confirmation page, preview it to ensure that the order number is being displayed correctly. If everything looks good, publish the changes to make the page live on your website.

By following these steps, you can easily display the order number on the order confirmation page in Webflow. This allows customers to have a reference of their purchase and provides them with reassurance that their order has been successfully placed.

Additional Questions:

  • How can I customize the order confirmation page in Webflow?
  • What other dynamic elements can be added to the order confirmation page in Webflow?
  • Can I integrate a payment gateway on the order confirmation page in Webflow?