To make the videos on your Webflow online store automatically download instead of opening in an in-browser video player when the user clicks on the download button on the order confirmation page, you can follow these steps:
1. Upload the video files: First, you need to upload the video files to your Webflow project. You can do this by going to the Designer and selecting the appropriate section or collection where the videos will be located. Then, click on the "Add Field" button and choose the "File" field type. Upload the video files to this field.
2. Add a download button: Next, you will need to create a download button on the order confirmation page. Go to the Designer and select the order confirmation page template. Drag and drop a button element onto the page where you want the download button to be located.
3. Link the button to the video file: With the button element selected, click on the settings panel on the right-hand side. Under the link settings, choose the "File" option. A file dropdown menu will appear. Select the video file that you uploaded in step 1.
4. Set the download attribute: To ensure the video is downloaded instead of opening in an in-browser video player, you need to set the "download" attribute for the link. Go to the Settings panel and scroll down to the "Attributes" section. In the "Name" field, enter "download", and in the "Value" field, enter the desired name for the downloaded video file. This attribute tells the browser to download the file instead of opening it.
5. Style the download button: Lastly, you can style the download button to match your website's design. Use the Style panel to customize the button's appearance, such as changing the colors, size, typography, etc.
By following these steps, the videos on your Webflow online store will automatically download when the user clicks on the download button on the order confirmation page. This allows customers to easily access and save the video files to their device.