Blocuri de construcție

Poți proiecta site-ul tău prin tragerea și plasarea blocurilor de construcție, apoi editarea acestora pentru a se potrivi cu conținutul și aspectul dorit.

Vedeți și

Tutorial Odoo: Proiectează-ți site-ul: text și culori

Adaugă un bloc de construcție

To add a block to a website page, access the page, click Edit, then drag and drop the desired building block into the appropriate location. Two types of building blocks are available: Categories and Inner Content. Inner Content building blocks can only be added into Categories building blocks.

When clicking a category block, a popup appears, allowing you to select between multiple templates for each category.

Sfat

Search for a specific block in the Insert a block popup using the search bar.

După ce blocul de categorie a fost plasat, poți trage și plasa blocuri de Conținut interior în interiorul acestuia. Blocurile de Conținut interior îți permit să adaugi elemente precum videoclipuri, imagini, butoane pentru rețele sociale etc. în blocurile de categorie deja existente.

Notă

• Puteți adăuga, de asemenea, un bloc pe pagina de autentificare. Pentru a face acest lucru, navigați la pagina principală a site-ului web, adăugați /web/login la URL și apăsați Enter.

• Accesul la anumite blocuri necesită instalarea aplicației sau modulului respectiv (de exemplu, eCommerce pentru blocul Produse).

Example

Adaugă toate conturile tale de social media într-un singur loc cu blocul de Social Media din conținutul interior. Comută butonul on/off de lângă platforma dorită și copiază/lipeste URL-ul contului tău.

Formular

Blocul Formular este utilizat pentru a colecta informații de la vizitatorii site-ului web și, dacă este cazul, pentru a crea înregistrări în baza de date. Pentru a adăuga un formular la o pagină web, trageți și plasați blocul din categoria Contact și formulare, apoi selectați un bloc în fereastra popup.

Acțiune

În mod implicit, când formularul este trimis, un e-mail conținând informațiile introduse de vizitator este trimis automat. În funcție de aplicațiile instalate în baza de date, pot deveni disponibile acțiuni suplimentare care pot crea automat înregistrări. Pentru a alege o acțiune diferită, faceți clic pe Editare, faceți clic pe formular, navigați la fila Stil și selectați Acțiunea dorită:

• Aplică pentru un job (Recrutare)

• Creează un client (eCommerce)

• Creează un tichet (Helpdesk)

• Creează o oportunitate (CRM)

• Abonează-te la newsletter (Email Marketing)

• Creează o sarcină (Project)

• Mai multe modele: pentru a genera alte tipuri de înregistrări

Implicit, trimiterea formularului redirecționează vizitatorii către o pagină Mulțumim. Folosește câmpul URL pentru a-i trimite către o altă pagină. Alternativ, poți alege să nu redirecționezi și să-i păstrezi pe pagina formularului selectând Nimic sau Afișează mesaj în câmpul La succes.

Câmpuri

Pentru a adăuga un câmp nou la formular, navigați la fila Stil și faceți clic pe butonul + Câmp de lângă secțiunea Formular sau Câmp. Pentru a modifica orice câmp din formular, selectați câmpul, apoi utilizați opțiunile disponibile în secțiunea Câmp din fila Stil. De exemplu, puteți:

• Schimbă Tipul câmpului.

  Sfat

  Este posibil să selectezi și un Câmp existent din baza de date și să folosești datele pe care le conține. Câmpurile disponibile depind de acțiunea selectată. Pot fi folosite și câmpuri de proprietate adăugate în baza de date.

  Click here to preview all field types.

  

  Unele câmpuri sunt similare vizual, dar datele introduse trebuie să urmeze un format specific.

• Editează Eticheta câmpului și adaptează-i Poziția.

• Activați o Descriere pentru câmp. Comutați comutatorul și faceți clic pe descrierea implicită din formular pentru a o modifica.

• Adaugă un Placeholder sau o Valoare implicită.

• Specifică dacă câmpul este Obligatoriu.

• Editează setările de vizibilitate ale câmpului.

• Adaugă o animație.

După ce ai făcut modificările dorite, apasă Salvează.

Adăugați un formular de contact Odoo pe un site web non-Odoo

Puteți afișa un formular de contact Odoo pe un alt site web utilizând un iframe. Pentru a face acest lucru, urmați acești pași:

1. Prepare the Odoo form: Create a contact form on a page in Odoo Website and remove the header and footer. Make sure only the contact form remains on the page.

2. Generați un cod incorporabil: Copiați URL-ul paginii formularului Odoo și lipiți-l într-un generator de iframe, cum ar fi La Digitale.dev sau iFrame Generator. Ajustați lățimea și înălțimea pentru afișare corectă.

3. Adăugați codul încorporat pe site-ul web non-Odoo: Deschideți HTML-ul paginii relevante (în editorul de cod sau CMS) și inserați codul încorporat unde trebuie afișat formularul.

Example

Exemplu de cod încorporat:

<iframe src="https://example.com/odoo-form"
        style="border:0;"
        name="odooForm"
        scrolling="no"
        frameborder="0"
        marginheight="0"
        marginwidth="0"
        height="400px"
        width="600px"
        allowfullscreen>
 </iframe>

Cod ascuns

Codul de încorporare vă permite să integrați într-o pagină conținut de la servicii terțe, cum ar fi videoclipuri de pe YouTube, hărți de pe Google Maps, postări pe rețelele sociale de pe Instagram etc.

După ce trageți și plasați blocul Cod încorporat din secțiunea Conținut intern într-o pagină, faceți clic pe bloc, apoi mergeți la fila Stil și faceți clic pe Editare. Înlocuiți codul substituent cu codul dvs. personalizat încorporat.

Atenționare

Nu copia/lipii cod pe care nu îl înțelegi, deoarece îți poate pune datele în pericol.

Mutați, comutați, duplicați sau ștergeți un bloc

Trage marginile turcoaz ale blocului pentru a reduce sau mări spațiul de sus sau de jos.

Schimbă ordinea blocurilor apăsând (chevron sus) sau (chevron jos) și mută blocul pe pagină apăsând (săgeți). Dacă ai mai multe coloane, mută o coloană la stânga sau la dreapta apăsând (chevron stânga) sau (chevron dreapta).

Pentru a duplica un bloc, faceți clic pe (duplicare). Odată duplicat, noul bloc apare pe pagină sub cel original.

Sfat

Alternativ, faceți clic pe pictograma (duplicare) din partea de sus a filei Stil pentru a duplica blocul selectat.

Pentru a șterge un bloc, apasă (coș de gunoi).

Editează un bloc de construcție

Pentru a edita conținutul unui bloc, faceți clic pe el și mergeți la fila Stil. Opțiunile de personalizare disponibile variază în funcție de tipul de bloc selectat.

Vedeți și

• Elemente de design web

• Vizibilitate

Fundal

Pentru a modifica fundalul unui bloc, selectați blocul, mergeți la fila Stil și faceți clic pe punctul colorat sau pe o altă opțiune Fundal. Puteți schimba culoarea și/sau adăuga o imagine, un video și/sau o formă. Odată ce ați selectat o formă, apar câmpuri noi care vă permit să personalizați forma.

Sfat

• Pozitionează un element (imagine, text etc.) în spatele sau în fața altuia folosind pictogramele Trimite în spate sau Adu în față.

  

• Pentru a redimensiona un bloc, apasă și trage punctele din jurul marginilor pentru a-l ajusta după nevoie.

  

Vedeți și

Temă generală

Aspect: grilă și coloane

Pentru majoritatea blocurilor, puteți alege între două stiluri de aspect: grilă sau coloane (cols). Pentru a schimba stilul de aspect implicit, faceți clic pe bloc, mergeți la fila Stil și setați câmpul Aspect la Grilă sau Coloane.

Grilă

Aranjarea Grilă îți permite să repoziționezi și să redimensionezi elemente precum imagini sau text, trăgându-le și plasându-le. Când este selectată Grilă, sunt disponibile opțiuni suplimentare pentru Adaugă elemente apăsând Imagine, Text sau Buton.

Coloane

Alegerea aspectului Cols vă permite să determinați numărul de elemente pe linie în cadrul blocului. Pentru a face acest lucru, selectați blocul pe care doriți să îl modificați, faceți clic pe meniul derulant de lângă câmpul Cols și ajustați numărul. Puteți apoi modifica setările unei coloane specifice folosind opțiunile din secțiunea Column a filei Style.

Notă

Implicit, pe dispozitivele mobile, doar un element (coloană) este vizibil pe linie pentru a asigura lizibilitatea și accesibilitatea conținutului pe ecrane mici. Pentru a ajusta valoarea, apasă pe (iconiță mobil) din partea de sus a editorului de site și adaptează numărul de coloane. Formele sunt ascunse implicit pe mobil.

Salvează un bloc de construcție personalizat

Puteți salva un bloc de construcție personalizat pentru a-l reutiliza în altă parte. Pentru a face acest lucru, selectați-l, navigați la fila Style și faceți clic pe pictograma (floppy disk). Faceți clic pe butonul Save din fereastra contextuală pentru a confirma salvarea blocului personalizat.

Pentru a adăuga un bloc de construcție salvat pe pagină, mergi la fila Blocuri și trage blocul Personalizat din secțiunea Categorii. În fereastra pop-up care se deschide, apasă pe blocul dorit din categoria Personalizat.

Sfat

În fereastra pop-up Inserează un bloc, apasă pe (editează) pentru a redenumi blocul personalizat sau pe (șterge) pentru a-l șterge.

Creează un link ancoră

Linkurile ancoră sunt hyperlinkuri care direcționează utilizatorii către o secțiune specifică a unei pagini. Pentru a crea un link ancoră pentru un bloc, urmează acești pași:

1. Apasă Editare și selectează blocul la care vrei să faci legătura.

2. Faceți clic pe (link) în partea de sus a filei Style.

3. Pentru a edita numele implicit al ancorei, apasă Editare în mesajul pop-up verde care se deschide.

4. Înlocuiește numele ancorei și apasă Salvează & copiază.

După ce ancora a fost salvată, poți face legătură către ea de oriunde de pe site.