Profile/Canva Site Embed Help!

[LeftyLucy]

Hi ACF!

I'm gonna start my first ever cam session in <1 hour (if I can get my makeup done in time, lol). I just have one problem: I made this super-cute profile using canva.com, and I used their website template. When you're done, they give you a nifty little html embed link to paste into your target site's html. I put it in the about me section on my profile as you lovely people have taught me, but I'm having issues. This is what my profile looks like (and this is only in the top left corner):


And this is the embed link it gave me:
<div
class="canva-embed"
data-design-id="DADeAAMpBOE"
data-height-ratio="0.4815"
style="padding:48.1481% 5px 5px 5px;background:rgba(0,0,0,0.03);border-radius:8px;"
></div>
<script async src="https:&#x2F;&#x2F;sdk.canva.com&#x2F;v1&#x2F;embed.js"></script>

Does anybody who's smarter than me have any tips/ideas as to why this isn't working? Let me know if you need any more info from me. Thank you in advance!!

 

[AmberCutie]

You can put HTML in the about me section, but not javascript (the <script> tag thingy). The way most of us do Canva graphics on our profile is making individual graphics and placing them in there individually. Never used the website template, I think that feature on Canva is relatively new.

Also I'm sorry you intended to post this quite a while ago, but since you're still new your post sat in the approval queue until I could get to it. Doh! I hope your cam session goes well!

 

[LeftyLucy]

Gotcha, thank you! I mean, I posted pretty late yesterday anyway, so I wasn't expecting to be able to fix it until today. That makes SO much sense. For individual graphics, have you ever used linked images/do you know if they would still work?

Also, it went really well and was so fun!! One specific guy was with me for hours and probably spent around 1500 tokens alone, and he as well as a lot of other guys were super kind. The tokens stopped flowing once my bra came off, though, but I'm going to figure out how to get a prize wheel going so hopefully that'll give 'em some more. I'm so excited for my next session today! Thank you so much again for all your help!

 

[AmberCutie]

For individual graphics, have you ever used linked images/do you know if they would still work?

Not sure exactly what you're asking here, but to link images into your profile, upload them to an album on MFC, then use their image url in your HTML.

 

[LeftyLucy]

Not sure exactly what you're asking here, but to link images into your profile, upload them to an album on MFC, then use their image url in your HTML.

Sorry, I wasn't quite clear. For example, right now I have two icons that link to my reddit & Twitter account pages. Canva says I can download what I have now as images, but then the links won't work because they're just PNGs. Do you know if there's any type of file that might work to keep the links up on those buttons? (If not, I understand! I can figure something else out; I just figured I'd ask )

 

[Dan N]

Sorry, I wasn't quite clear. For example, right now I have two icons that link to my reddit & Twitter account pages. Canva says I can download what I have now as images, but then the links won't work because they're just PNGs. Do you know if there's any type of file that might work to keep the links up on those buttons? (If not, I understand! I can figure something else out; I just figured I'd ask )

You'll need to add a bit of html markup for your "project" and images must be uploaded online somewhere.
This is the basic HTML markup to show up an image with a link attached to it (like a banner)

<a href="YOUR-LINK-HERE"><img src="YOUR-IMAGE-URL-HERE"></a>

in my code above just replace the YOUR-LINK-HERE with your actual URL (a page url, like https://twitter.com/ for example) and of course replace the
YOUR-IMAGE-URL-HERE with full URL of your hosted image.
It should work ok

 

[LeftyLucy]

Okay, sounds perfect! Thank you so much. I'll try that out and see how it goes!

 

[AmberCutie]

Okay, sounds perfect! Thank you so much. I'll try that out and see how it goes!

Yep he pointed you in the right direction! You don’t add your links on Canva, you add them in the HTML on your profile.

 

[LeftyLucy]

I promise I'll stop bugging you guys now, but I just wanted to make a final update... Thanks to the help I got from both of you, my profile is now up & running!! I probably shouldn't post the link here, but if anyone is curious to see what it looks like, feel free to PM me and ask. Now I'm off to start night #2!

 

[Dan N]

I promise I'll stop bugging you guys now, but I just wanted to make a final update... Thanks to the help I got from both of you, my profile is now up & running!! I probably shouldn't post the link here, but if anyone is curious to see what it looks like, feel free to PM me and ask. Now I'm off to start night #2!

Ok, I don't recommend using imgur service to host your images because sometimes images hosted there are not rendering (Access Denied) if not uploaded to public.
Basically, right now after viewing your MFC profile the images are "broken" ... Only Welcome and Handsome Dorks Club are rendering ok

Now... there's a bit of css you could use in order to make your images centered, full width and responsive.

Edited HTML

<div class="mybox">
<a href="https://mfcsha.re/Lefty_Lucy_"><img src="https://i.imgur.com/2rlSQil.png" alt="Welcome"></a>
<img src="https://i.imgur.com/PE5chWm.png" alt="Rules">
<img src="https://i.imgur.com/RYm8M2R.png" alt="Tip Menu">
<img src="https://i.imgur.com/6ul2GLU.png" alt="About Me">
<img src="https://i.imgur.com/4yygduE.png" alt="Schedule">
<a href="https://twitter.com/LeftyLucyCam"><img src="https://i.imgur.com/PS0ewBP.png" alt="Twitter"></a>
<a href="https://www.reddit.com/user/Lefty_Lucy_"><img src="https://i.imgur.com/zIM1GA9.png" alt="My Reddit"></a>
<a href="https://share.myfreecams.com/m/nggic7vd"><img src="https://i.imgur.com/Rdk21N2.png" alt="Handsome Dorks Club"></a>
</div>

---- optional but better ---
CSS - add this piece of css on your css customize settings box

.mybox img{display: block; width: 100%; height: auto; margin:0 auto; }

 

[AmberCutie]

Ok, I don't recommend using imgur service to host your images because sometimes images hosted there are not rendering (Access Denied) if not uploaded to public.
Basically, right now after viewing your MFC profile the images are "broken" ... Only Welcome and Handsome Dorks Club are rendering ok

Now... there's a bit of css you could use in order to make your images centered, full width and responsive.

Edited HTML

<div class="mybox">
<a href="https://mfcsha.re/Lefty_Lucy_"><img src="https://i.imgur.com/2rlSQil.png" alt="Welcome"></a>
<img src="https://i.imgur.com/PE5chWm.png" alt="Rules">
<img src="https://i.imgur.com/RYm8M2R.png" alt="Tip Menu">
<img src="https://i.imgur.com/6ul2GLU.png" alt="About Me">
<img src="https://i.imgur.com/4yygduE.png" alt="Schedule">
<a href="https://twitter.com/LeftyLucyCam"><img src="https://i.imgur.com/PS0ewBP.png" alt="Twitter"></a>
<a href="https://www.reddit.com/user/Lefty_Lucy_"><img src="https://i.imgur.com/zIM1GA9.png" alt="My Reddit"></a>
<a href="https://share.myfreecams.com/m/nggic7vd"><img src="https://i.imgur.com/Rdk21N2.png" alt="Handsome Dorks Club"></a>
</div>

---- optional but better ---
CSS - add this piece of css on your css customize settings box

.mybox img{display: block; width: 100%; height: auto; margin:0 auto; }

Using imgur is not as good as uploading images directly to MFC. I advise models to make an unlisted album full of their profile graphic images to link to on profile.

 

[AmberCutie]

Using imgur is not as good as uploading images directly to MFC. I advise models to make an unlisted album full of their profile graphic images to link to on profile.

(Meaning if @LeftyLucy used imgur instead of MFC, I'd advise to take a few minutes and upload the images to MFC instead. Life will be much easier going forward!)

 

[LeftyLucy]

Hi guys! I just uploaded my images to MFC to use it as the hosting site, and I also updated my html to use the code @Dan202 suggested. I tried out the css, but it messed with the Reddit/Twitter images and made one of my other images disappear for some reason, so I ended up not using it. But thank you so much; that really helped me out.

Finished (for now lol) product: https://profiles.myfreecams.com/lefty_lucy_