Ενσωμάτωση Προσκλήσεων 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:

ParameterDescription
?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. 1Επιλέξτε την πρόσκλησή σας στον Πίνακα Ελέγχου σας
  2. 2Κάντε κλικ στο κουμπί "Σύνδεσμος Κοινοποίησης"
  3. 3Αντιγράψτε τον κώδικα από την ενότητα "Κώδικας Ενσωμάτωσης"
  4. 4Επικολλήστε τον στην ιστοσελίδα σας ή στο σχέδιό σας στο Canva