Embedding videos directly into your guides provides a richer, more engaging experience for users than simply linking to an external player. ChargeAutomation now supports both direct video URLs and full HTML embed codes, allowing for flexible placement within your content.
Step 1: Access the Video's Share Options
Navigate to the Vimeo video you wish to embed.
Locate and click the Share button (usually a paper airplane or an arrow icon) located near the bottom right of the video player.
Step 2: Locate and Copy the Embed Code
In the pop-up window, look for the section titled Embed or the
</>icon.Click on the Embed option to reveal the full HTML
<iframe>code snippet.
Copy this entire code snippet to your clipboard.
Step 3: Extract the Pure Video Source (The src Link)
When embedding into certain platforms, you only need the raw URL of the video player, not the entire HTML <iframe> tag. This URL is found within the src="..." attribute of the code you just copied.
Example Embed Code:
<iframe title="vimeo-player" src="https://player.vimeo.com/video/123456789?h=12345665" width="640" height="360" frameborder="0" referrerpolicy="strict-origin-when-cross-origin" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" allowfullscreen></iframe>
Your Target Link:
The link you need is the content inside the quotation marks following src=.
In the example above, the correct link to use is: https://player.vimeo.com/video/123456789?h=12345665
Step 4: Embedding the Link in Your Guide
Open your guide in the ChargeAutomation editor.
Place your cursor exactly where you want the video to appear.
If using the Embed Code: Use the Insert Iframe/Embed tool in the editor toolbar and paste your code.
If using the Video Link: Simply paste the link. The system now automatically handles standard Vimeo URLs and converts them into an embedded player.
Need Help?
If you have questions or run into any issues, don’t hesitate to reach out to our support team at [email protected]. We’re happy to help!