Direct la conținutul principal

Cum încorporez un program pe site-ul meu folosind JavaScript?

Actualizat cu mai mult de 2 săptămâni în urmă

Zenamu oferă un skript pentru a vă încorpora programul de ședințe în propriul site web. Site-ul web va afișa apoi o listă a ședințelor programate în următoarele 30 de zile. Lista este complet receptivă (se ajustează automat la lățime pe diferite dispozitive și ecrane) și compatibilă cu alte elemente de pe site.

Integrarea în sine este simplă și nu vă va lua mai mult de 5 minute. Este doar o chestiune de a copia o mică bucată de cod și de a o lipi în propria pagină. Sunt necesare cunoștințe de bază de HTML și JavaScript pentru a funcționa. Prin urmare, vă recomandăm să faceți această opțiune de integrare cu administratorul site-ului Dvs.

Dacă site-ul dvs. rulează pe un sistem de gestionare a conținutului, integrarea este de asemenea posibilă. Consultați tutorialele noastre pentru încorporarea programului într-un site web cu Webnode, WordPress sau Wix.com.

1. Inserarea scriptului

Puteți insera scriptul în două moduri:

a.) Fie printr-un script din antetul (<head>) al paginii HTML

Plasați linia de cod exact în această formă între etichetele paginii Dvs. Dacă puneți scriptul astfel în antet, vă rugăm să nu uitați de atributul defer, altfel programul nu va fi afișat.

Lista de ședințe

<script defer src="https://zenamu.com/calendar/list.js" crossorigin></script>

Lista atelierelor

<script defer src="https://zenamu.com/calendar/workshops.js" crossorigin></script>

Lista cursurilor

<script defer src="https://zenamu.com/calendar/courses.js" crossorigin></script>

b.) sau în interiorul corpului (<body>) al paginii HTML

Plasați linia de cod exact așa în partea de jos a paginii, chiar înainte de eticheta de sfârșit </body>:

Lista de ședințe

<script src="https://zenamu.com/calendar/list.js" crossorigin></script>

Lista atelierelor

<script src="https://zenamu.com/calendar/workshops.js" crossorigin></script>

Lista cursurilor

<script src="https://zenamu.com/calendar/courses.js" crossorigin></script>

2. Introducerea blocului

La locația de pe pagina Dvs. unde doriți să apară programul, adăugați următorul <div>:

Lista de ședințe

<div id="zenamu-calendar" calendar-id="[ID-ul calendarului Dvs.]"></div>

Lista atelierelor

<div id="zenamu-workshops" calendar-id="[ID-ul calendarului Dvs.]"></div>

Lista cursurilor

<div id="zenamu-courses" calendar-id="[ID-ul calendarului Dvs.]"></div>

Înlocuiți [ID-ul Dvs. de calendar] cu ID-ul Dvs. unic, pe care îl puteți găsi în administrarea contului.

  • Puteți găsi codul în administrația Dvs. (conectați-vă la Zenamu și accesați Setări > Program public > _ Încorporați programul în paginile proprii_).

    3. Gata

Arată similar cu programul nostru de mai jos 😏.

Cursuri

Lista de ședințe

Prin intermediul acestuia, puteți rezerva și o demo a sistemului Zenamu direct ** folosind Zenamu**!

Ne vom întâlni online prin Google Meet, ne vom prezenta sistemul, vom răspunde la întrebările Dvs. și vă vom ajuta să vă configurați contul în câteva minute.

Ați primit răspuns la întrebare?