Play button with text link

[Jennine]

Hello,
I would like have a play button that opens a video. How can I have the play button to the right of the CTA and the text “meet Jess” as seen in the attached screenshot?
Thanks In advance

[christian]

Hey Jennine,

I’m going to list the general setup then you need to set all the miscellaneous design like colors, spacing, etc.

1. For the popup, you’ll need the Modal element
2. For the video, you need to place a Video element inside the Modal.

To set the Play button with Text, open the Toggle options of the Modal element and:

1. under Setup, choose the Text and Graphic options checkbox
   
2. under Size, set the Width and Height to auto.
   
3. under Text, write your Primary Text.
   
4. under Graphic, choose the Flag type
   
   
   
5. still under Graphic, choose search for “play” then select the Play Graphic Icon.
   
   

To set the Video inside the Modal.

1. Click the + icon in the Modal element.
   
   
2. This video popup tutorial will show you the rest https://youtu.be/nKiGJWZIlws

Hope that helps.

[Jennine]

Thank you for your help. I cant get the play button aligned with the CTA button. Here is the url:
http://jessicaj19.sg-host.com/

[christian]

Hey @Jennine,

Add a top margin to the Modal Toggle just like you did the CTA button. To do that, open the Toggle options (I assume you know this already). Under the Toggle > Design options, set the Top Margin until it aligns the CTA button.

Hope that helps.

[Jennine]

It not working. please see the

screenshot. I will attach my credentials in a secure note. Thank you

[christian]

Hey Jennine,

Thanks for providing credentials. Actually, put in an inner Row with 2 Columns then adjust the

1. Row Gaps to 0.
   
2. Increase the Left Column width by dragging the handle in the center.
   
   
3. Adjust the Top Margin of the Modal Toggle like in my previous instruction.
   
   

Hope that helps.