Oct '21 in 💙 Fragen & Diskussion
Calendly Code (anpassen & nutzen, um iFrame Imbed richtig zu machen)
Das ist ist im Head Code der Termin-Seite:
<style>
@media only screen and (max-width: 1030px) {
.calendly-text{
margin-bottom: 40px;
}
}
.calendly-inline-widget {
overflow-y: hidden !important;
border-radius: 8px;
}
</style>
<script>
fbq('track', 'Schedule');
</script>
Das hier auf der Seite als HTLM Embedd selbst:
<!-- Calendly Inline-Widget Beginn -->
<div class="calendly-inline-widget" style="min-width:320px;height:1460px;" data-url="https://calendly.com/agentur-consulting/kostenloser-coaching-call?hide_event_type_details=1&hide_gdpr_banner=1" style="min-width:320px;height:630px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Calendly Inline-Widget Ende -->
<!-- <div class="calendly-inline-widget" style="min-width:320px;height:900px;" data-auto-load="false"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>
<script>
Calendly.initInlineWidget({
utm: calendlyUtm
});
</script>
-->
Und das hier im Head Code global, also auf allen Seiten:
<style>
@media screen and (-webkit-min-device-pixel-ratio:0) {
.result-item {
transform: none !important;
}
}
/*.calendly-overlay .calendly-popup {
top: 10% !important;
transform: translateX(-50%) !important;
}
.calendly-overlay {
background-color: #001D48 !important;
}
@media only screen and (max-width: 1249px) {
.calendly-overlay .calendly-popup {
position: static !important;
transform: none !important;
width: auto !important;
height: 100% !important;
min-width: auto !important;
max-width: none !important;
}
}*/
</style>
4
4 comments
Calendly Code (anpassen & nutzen, um iFrame Imbed richtig zu machen)
skool.com/freelancer-masterclass
Erfahre, wie du planbar Kunden gewinnst & Copywriting, Ads, Social Media, Reels & Co. für deine Kunden erfolgreich umzusetzen kannst.
Leaderboard (30-day)
1
+186
2
+139
3
+65
4
+38
5
+36
powered by