Embed an App content into custom HTML on a page

Store Design
1

Hi, I have this app shown below on my website and im looking to have that same pop up window appear embeded into its own page.

Screen Shot 2023-05-12 at 3.38.01 PM.png
Screen Shot 2023-05-12 at 3.38.01 PM.png1230×2086 352 KB

I got this far but its not looking as i want it to. id like to center it and make the container and contents bigger. note* the mobile view is also throw off as well.

i grabbed the code from google inspector to get to this point.

Screen Shot 2023-05-12 at 3.40.21 PM.png
Screen Shot 2023-05-12 at 3.40.21 PM.png3006×1938 200 KB

to follow this up- i also atttempted embeded custom liquid into shopify email but got stuck at this point.

Screen Shot 2023-05-12 at 3.48.41 PM.png
Screen Shot 2023-05-12 at 3.48.41 PM.png3042×2450 731 KB

website url : www.shreddedsports.com

Shopify support refered me to this forums for assistance and the app does not offer the features im looking for so custom code is the only way.

2

Hi, I’m Abul from Bevy Commerce Inc. I wanted to take a quick minute and tell you about our app, “Bevy Design,” which can help you create the same pop-up without any code and place it anywhere in your store based on your needs!

You can acquire additional information about our app through our website: https://bevycommerce.com/design/

Please let me know if you need to book a meeting with me to review what our app offers.