Adding a Video to the Thank You Page

Solved

Adding a Video to the Thank You Page

SallV
Tourist
3 0 3

Hi there,

 

Our team is looking for a way to make the thank you page on our store more engaging and personal by adding a video.

 

In the past, we successfully added a video to our store’s thank you page, which worked great for engaging customers. However, with the introduction of Checkout Extensibility, the previous method has been deprecated.

 

We’re looking for guidance on how to achieve this again with Shopify via app or other method. Specifically, we’d like to:

  1. Embed a video on the thank you page: What’s the best way to do this while staying compatible with Checkout Extensibility?
  2. Explore apps or tools: Are there any apps or built-in features that work well for this?

 

Thank you for your time and looking forward to your response.

Accepted Solution (1)
rajweb
Shopify Partner
539 46 103

This is an accepted solution.

Hey @SallV ,

I’m glad you found the information helpful! I'd be happy to answer your additional questions.

1. Post-Purchase Extensions: Requirements and Limitations

When using Post-Purchase Extensions to add videos, here are a few important points to consider:

-Video Hosting: The video needs to be hosted externally, such as on YouTube or Vimeo. Shopify’s checkout does not directly host videos, so an embedded link is necessary.

- Custom Code: You can add custom HTML and JavaScript to embed the video, but you’ll need to ensure the code follows Shopify's restrictions within Checkout Extensibility. For example, certain HTML tags or external resources may be restricted in the checkout flow.

- App Customization: If you're using an app like ReConvert or OrderlyEmails, you can leverage their built-in tools to add the video in an easier and more controlled way without worrying too much about the technical limits.

2. Custom Shopify App or Script for Checkout Page

Shopify’s architecture with Checkout Extensibility aims to give merchants more customization, but there are still guidelines to follow:

Shopify Plus: If you're using Shopify Plus, you can still use custom apps or scripts to modify the checkout and post-purchase pages. However, you need to be mindful of the Checkout API and Post-Purchase Scripts limitations. Custom apps or scripts should not conflict with the Checkout Extensibility feature, as long as they adhere to the required API and script guidelines.

Potential Conflicts: Ensure that any customizations don’t interfere with the structured flow of the checkout process, which could lead to issues such as broken pages or incomplete checkouts. Testing thoroughly is always key.

If you're not on Shopify Plus, your options for customization might be more limited, as the checkout experience is more locked down to ensure compatibility with Shopify’s built-in functionality.

Let me know if you'd like help with testing the setup or anything else regarding this! I’m happy to assist with further guidance.

 

If my solution has helped, kindly mark it as a solution—it would really help me build my profile and strengthen my ability to offer even better service in the future. If you need more detailed guidance, feel free to reach out to me via email at [ rajat.shopify@gmail.com ].

Best regards,

Rajat 

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com

View solution in original post

Replies 5 (5)

rajweb
Shopify Partner
539 46 103

Hey @SallV ,

Thank you for reaching out! I understand the importance of creating a more engaging and personal thank-you page, especially with the changes introduced by Shopify's Checkout Extensibility.

Here's how we can achieve your goals:

1. Embed a Video on the Thank You Page:

With Checkout Extensibility, we can use Shopify’s Post-Purchase Extensions to add custom content, such as a video, directly to the thank-you page. This ensures compatibility with Shopify's updated architecture and provides a seamless user experience.

2. Explore Apps or Tools:

There are several Shopify apps that support customizations for the thank-you page. Tools like Reconvert Upsell & Cross-Sell or OrderlyEmails often allow for personalized video embedding. Alternatively, a custom Shopify app or script tailored to your store’s needs can be a perfect solution.

With my extensive experience in Shopify development, I specialize in integrating engaging features like this while ensuring compatibility with Shopify’s latest updates. I'd be happy to guide your team through implementing a solution that aligns with your store’s branding and goals.

Please feel free to contact me via email at rajat.shopify@gmail.com to discuss this further.

Looking forward to helping you create a standout thank-you page!

Best regards,

Rajat

Shopify Expert

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com
SallV
Tourist
3 0 3

Hi @rajweb,

 

Thank you so much for your detailed answer!

 

We just wanted to ask a few things regarding embedding videos:

 

  1. For the Post-Purchase Extensions approach, are there specific requirements or limitations we should be aware of when embedding videos?
  2. Thank you for suggesting apps like Reconvert Upsell & Cross-Sell and OrderlyEmails—we’ll definitely have a look at those options.

    Just wanted to check, is it still okay to use a custom Shopify app or script for the checkout page, or would that conflict with Shopify's updated architecture?

 

 

 

rajweb
Shopify Partner
539 46 103

This is an accepted solution.

Hey @SallV ,

I’m glad you found the information helpful! I'd be happy to answer your additional questions.

1. Post-Purchase Extensions: Requirements and Limitations

When using Post-Purchase Extensions to add videos, here are a few important points to consider:

-Video Hosting: The video needs to be hosted externally, such as on YouTube or Vimeo. Shopify’s checkout does not directly host videos, so an embedded link is necessary.

- Custom Code: You can add custom HTML and JavaScript to embed the video, but you’ll need to ensure the code follows Shopify's restrictions within Checkout Extensibility. For example, certain HTML tags or external resources may be restricted in the checkout flow.

- App Customization: If you're using an app like ReConvert or OrderlyEmails, you can leverage their built-in tools to add the video in an easier and more controlled way without worrying too much about the technical limits.

2. Custom Shopify App or Script for Checkout Page

Shopify’s architecture with Checkout Extensibility aims to give merchants more customization, but there are still guidelines to follow:

Shopify Plus: If you're using Shopify Plus, you can still use custom apps or scripts to modify the checkout and post-purchase pages. However, you need to be mindful of the Checkout API and Post-Purchase Scripts limitations. Custom apps or scripts should not conflict with the Checkout Extensibility feature, as long as they adhere to the required API and script guidelines.

Potential Conflicts: Ensure that any customizations don’t interfere with the structured flow of the checkout process, which could lead to issues such as broken pages or incomplete checkouts. Testing thoroughly is always key.

If you're not on Shopify Plus, your options for customization might be more limited, as the checkout experience is more locked down to ensure compatibility with Shopify’s built-in functionality.

Let me know if you'd like help with testing the setup or anything else regarding this! I’m happy to assist with further guidance.

 

If my solution has helped, kindly mark it as a solution—it would really help me build my profile and strengthen my ability to offer even better service in the future. If you need more detailed guidance, feel free to reach out to me via email at [ rajat.shopify@gmail.com ].

Best regards,

Rajat 

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com
SallV
Tourist
3 0 3

Hi @rajweb,

 

Thank you so much for the detailed explanation—it really cleared up a lot for us!

 

Since we’re currently on the Advanced Shopify Plan, it looks like our options for using scripts or custom code to add a video are limited due to the restrictions in the checkout process. Based on your advice, we’ll explore apps like ReConvert or OrderlyEmails to achieve this in a compliant and straightforward way.

 

We truly appreciate your guidance on this—it’s been incredibly helpful!

rajweb
Shopify Partner
539 46 103

@SallV ,

You're very welcome! I'm glad the explanation was helpful. You're absolutely correct—Shopify's checkout restrictions on the Advanced Plan can limit the use of custom scripts, but exploring apps like ReConvert or OrderlyEmails is a great approach. These tools are designed to integrate seamlessly while staying compliant with Shopify's guidelines.

If you need assistance with setting up or customizing these apps to match your store's branding and functionality, feel free to reach out. I'm here to help ensure everything runs smoothly for your store.

Please feel free to contact me by email in the future—I’d be happy to help you!

-Need a Shopify developer?
https://rajatweb.dev/
Email: rajat.shopify@gmail.com