How do I embed a video in an Online Actions form?

Adding videos to your Online Actions forms can increase engagement and help convey your message more effectively. 

Step 1: Prepare your video 

1. Upload your video to a hosting platform like YouTube or Vimeo 
2. Ensure the video is public or unlisted so it can be accessed by form visitors 
3. Copy the video's embed code from the hosting platform: 
4. On YouTube: Click "Share" > "Embed" > Copy the HTML code 
5. On Vimeo: Click "Share" > Copy the embed code 

Step 2: Access the HTML editor in your form 

1. Create or edit an Online Actions form 
2. On the Build Page step, place your cursor where you want to add the video 
3. Click the "Source" button in the editor toolbar to access the HTML editor 
4. This will show you the HTML code for your form content 

Step 3: Paste the video embed code 

1. In the HTML editor, paste the embed code from your video platform 

For YouTube videos, the code will look similar to: 

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe> 

For Vimeo videos, the code will look similar to: 

<iframe src="https://player.vimeo.com/video/VIDEO_ID" width="640" height="360" frameborder="0" allowfullscreen></iframe> 

Step 4: Adjust the video size and appearance 

1. Modify the width and height attributes in the iframe tag to fit your form 
2. Consider using percentage-based width for better mobile responsiveness: 

<iframe width="100%" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe> 

Add additional HTML if needed to center the video or add captions: 

<div style="text-align: center;"> 

  <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe> 

  <p><em>Watch our latest campaign video</em></p> 

</div> 

Step 5: Test your video embed 

1. Click "OK" to save your HTML changes 
2. Preview your form to ensure the video appears correctly 
3. Test on different devices to verify that the video is responsive 
4. Make sure the video doesn't autoplay, which could distract users from completing your form 

What else do you need help with? 

• How do I personalize forms with merge fields? 
• How do I use Design in Online Actions forms? 
• How do I create reusable content for Online Actions? 
• Understanding Online Actions