Ενσωμάτωση Προσκλήσεων EasyRSVP

Προσθέστε εύκολα τις προσκλήσεις σας στην ιστοσελίδα σας ή στο σχέδιό σας στο Canva.

Τυπική Ενσωμάτωση

Προσθέστε την πρόσκλησή σας σε οποιαδήποτε ιστοσελίδα με iframe. Παρέχει αυτόματη αλλαγή μεγέθους με υποστήριξη δυναμικού ύψους.

Κώδικας Ενσωμάτωσης

<iframe data-easyrsvp-src="https://easyrsvp.net/embed/DAVETIYE_SLUG" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0" title="RSVP" scrolling="auto" loading="lazy"></iframe>
<script>var d=document,w="https://easyrsvp.net/widgets/embed.js",v=function(){"undefined"!=typeof EasyRSVP?EasyRSVP.loadEmbeds():d.querySelectorAll("iframe[data-easyrsvp-src]:not([src])").forEach((function(e){e.src=e.dataset.easyrsvpSrc}))};if("undefined"!=typeof EasyRSVP)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

Note: INVITATION_SLUG με τη δική σας διεύθυνση πρόσκλησης. Μπορείτε να αντιγράψετε τον έτοιμο κώδικα με "Κώδικας Ενσωμάτωσης" από τον Πίνακα Ελέγχου.

Παράμετροι

Μπορείτε να προσθέσετε τις ακόλουθες παραμέτρους στο URL:

Parameter	Description
?dynamicHeight=1	Ενεργοποιεί το δυναμικό ύψος. Το iframe αλλάζει αυτόματα μέγεθος με βάση το περιεχόμενο.

Παράδειγμα Χρήσης

Χρήση με δυναμικό ύψος:

<iframe data-easyrsvp-src="https://easyrsvp.net/embed/DAVETIYE_SLUG?dynamicHeight=1"
  width="100%"
  height="800"
  frameborder="0"
  marginheight="0"
  marginwidth="0"
  title="RSVP"
  scrolling="auto"
  loading="lazy">
</iframe>
<script>var d=document,w="https://easyrsvp.net/widgets/embed.js",v=function(){"undefined"!=typeof EasyRSVP?EasyRSVP.loadEmbeds():d.querySelectorAll("iframe[data-easyrsvp-src]:not([src])").forEach((function(e){e.src=e.dataset.easyrsvpSrc}))};if("undefined"!=typeof EasyRSVP)v();else if(d.querySelector('script[src="'+w+'"]')==null){var s=d.createElement("script");s.src=w,s.onload=v,s.onerror=v,d.body.appendChild(s);}</script>

Βέλτιστες Πρακτικές

Ενεργοποιήστε το δυναμικό ύψος όταν χρησιμοποιείτε στο Canva
Χρησιμοποιήστε width="100%" για responsive σχεδιασμό
Προσθέστε loading="lazy" για ταχύτερη φόρτωση

Γρήγορη Χρήση από τον Πίνακα Ελέγχου

1Επιλέξτε την πρόσκλησή σας στον Πίνακα Ελέγχου σας
2Κάντε κλικ στο κουμπί "Σύνδεσμος Κοινοποίησης"
3Αντιγράψτε τον κώδικα από την ενότητα "Κώδικας Ενσωμάτωσης"
4Επικολλήστε τον στην ιστοσελίδα σας ή στο σχέδιό σας στο Canva