Direct la conținutul principal

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

Zenamu oferă un script pentru a vă încorpora programul de ședințe în propriul site web. Site-ul Dvs. afișează programul în vizualizarea pe care o alegeți la Vizualizarea programului (vedeți mai jos Cum aleg vizualizarea programului încorporat?). Programul 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>

Evenimente și ateliere

<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>

Evenimente și ateliere

<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>

Evenimente și ateliere

<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.

  • Codul complet, cu ID-ul calendarului deja completat, îl puteți copia din administrare: accesați Setări > Pagina programului, deschideți fila Programul public și, la Widget-uri pentru site-ul tău, extindeți Program, Evenimente și ateliere sau Cursuri. În aceeași secțiune găsiți și codul pentru un widget Programări.

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.

Cum aleg vizualizarea programului încorporat?

Codul programului este același pentru orice vizualizare. Vizualizarea este o setare în Zenamu:

  1. Accesați Setări > Pagina programului și deschideți fila Programul public.

  2. La Widget-uri pentru site-ul tău, extindeți Program.

  3. La Vizualizarea programului, faceți clic pe Calendar săptămânal cu programul orelor, Lista următoarelor 30 de ore sau Listă săptămânală. Zenamu salvează imediat alegerea, iar codul de pe site nu trebuie modificat.

Vizualizarea Lista următoarelor 30 de ore nu se limitează la 30 de ore sau la 30 de zile: afișează ședințele viitoare câte 30 odată, iar vizitatorii pot încărca mai multe. Vizitatorii pot trece și la altă vizualizare direct în program.

Ați primit răspuns la întrebare?