Luo ja muokkaa moduuleja

Design Manager -työkalussa voit luoda mukautettuja koodattuja moduuleja lisätäksesi lisäominaisuuksia blogiisi, sivuille tai sähköposteihin.. Mukautetut moduulit tarjoavat laajan valikoiman toimintoja, jotta sisältöä voidaan täysin mukauttaa sivu-, sähköposti- tai blogieditorissa.. Voit rakentaa mukautettuja moduuleja tyhjästä tai lisätä valmiita moduuleja HubSpot Marketplace -palvelusta.

Huomaa: moduulien luominen edellyttää HTML:n, CSS:n, HubL:n ja HubSpot design managerin tuntemusta. HubSpot suosittelee yhteistyötä suunnittelijan kanssa koodattujen moduulien luomiseksi.

Luo uusi moduuli

• Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
• Napsauta hakuohjelman yläreunassa pudotusvalikkoa Tiedosto ja valitse sitten Uusi tiedosto.

• Napsauta valintaikkunassa Mitä haluat rakentaa tänään? -pudotusvalikkoa ja valitse sitten Module.

• Napsauta Seuraava.
• Valitse valintaruutu kunkin sisältötyypin kohdalla, jossa moduulia käytetään: sivut, blogikirjoitukset, blogiluettelot, sähköpostit tai lainaukset. Sähköpostimalleissa käytettävät moduulit eivät voi sisältää CSS:ää tai JavaScriptiä.

Huom:sähköposteissa käytettävät mukautetut moduulit voidaan luoda vain tileille, joilla on Marketing HubProfessional- tai Enterprise-tilaus.

• Valitse, onko tämä moduuli paikallinen vai globaali moduuli. Jos luotglobaalin moduulin, moduulin sisällön muokkaaminen päivittää kaikki sijainnit, joissa moduulia käytetään.
• Kirjoita moduulisi tiedostonimi ja napsauta sitten Luo.

Merkitse moduuli

Oletusarvoisesti sisältöeditori viittaa moduuliin käyttämällä nimeä, joka sille on annettu suunnittelunhallinnassa. Jos haluat, että moduulisi käyttää sisältöeditorissa eri nimeä, voit tehdä sen antamalla nimikkeen.

Lisää kenttiä moduuliin

Lisää moduuliin kenttiä, joilla voit määrittää moduulin sisällön tai muotoilun ja tehdä siitä muokattavissa olevan sisältöeditorissa. Lue lisää käytettävissä olevista kenttätyypeistä kehittäjädokumentaatiostamme.

• Napsauta oikealla olevassa moduulin tarkastajassa Lisää kenttä -pudotusvalikkoa Kentät-osiossa ja valitse sitten kenttä, jonka haluat lisätä moduuliin.

• Muokkaa kentän nimeä napsauttamallakynäkuvaketta.muokkaa kentän nimen vieressä. Voit muokataHubL-muuttujan nimeä tekemällä muutokset HubL-muuttujan nimi -tekstikenttään.

Lisää kentän oletussisältö

Sisältöasetukset-osiossa voit lisätä oletussisältöä, joka näkyy, kun moduulia käytetään malleissa ja sisällönmuokkaimissa. Oletussisällön vaihtoehdot vaihtelevat kenttätyypin mukaan.

Alla olevassa esimerkissä kenttätyyppi on kuvakenttä, joten oletussisällön vaihtoehdot ovat oletuskuvan valitseminen ja koon säätimien piilottaminen.

Aseta kenttäeditorin asetukset

Editor Options (Editorin asetukset ) -osiossa voit ottaa käyttöön seuraavat vaihtoehdot, joilla käyttäjät voivat muokata moduulia sisältöeditorissa:

• Tee tästä kentästä pakollinen: käyttäjä ei voi jättää tätä kenttää tyhjäksi sisältöeditorissa.
• Muokkauksen estäminen sisältöeditorissa: kentän sisältöä ei voi muokata sisältöeditorissa, mutta sitä voi edelleen muokata mallin tasolla. Tämä vaihtoehto ei ole käytettävissäglobaaleille moduuleille, joita ei voi muokata sivutasolla.

• Työkaluvihjeen ohjeteksti: Lisää kenttään ohjeteksti, joka antaa käyttäjille asiayhteyden tai ohjeita. Tämä ohjeteksti näkyy työkaluvihjeenä, kun käyttäjä vie hiiren osoitin kentän päälle muokkauksen aikana.
  
  
• Inline-aputeksti: Lisää kenttään aputekstiä, joka antaa käyttäjille asiayhteyden tai ohjeita. Tämä ohjeteksti näkyy kentän alla, kun käyttäjä muokkaa moduulia.

Aseta kentän näyttöolosuhteet

Kentän näyttöehtojen avulla voit asettaa moduulin kentän näkymään vain, jos jokin toinen kenttä täyttää tietyt kriteerit.

• VuonnaNäyttöolosuhteetosiossa valitse moduulikenttä napsauttamalla HubL-muuttujan pudotusvalikkoa ja napsauta sitten is not empty -pudotusvalikkoa valitaksesi ehdon kyseiselle kentälle.
• Jos valitset ehdon on yhtä suuri kuin, kirjoita arvo tai regex.

Alla olevassa esimerkissä näyttöehdot asetetaan kuvakentälle. Ehtona on, että image_title-nimisen tekstikentän arvon on oltava yhtä suuri kuin Headshot, jotta kuvakenttä näkyy moduulissa.

Näyttöehdot otetaan automaattisesti käyttöön, kun olet asettanut ehdon. Voit poistaa näyttöehdot käytöstä napsauttamalla näyttöehtojen oikealla puolella olevaavaihtokytkintä .

Aseta kentän toistimen asetukset

Voit määrittää toistinvaihtoehdot kentälle kohdassa Toistinvaihtoehdot . Toistimet ovat kenttiä ja ryhmiä, jotka voivat luoda useita kohteita ja näyttää ne for-silmukan avulla.

• Toistimen vaihtoehdoissa osiossa, valitse minimi ja/taimaximumvaadittujen tapausten määrä tässä kentässä.
• Voit myös asettaa oletusarvoisen objektiluvun, joka on kentän oletusarvoisesti moduulissa esiintyvien kenttien lukumäärä.
  

Alla olevassa esimerkissä kuvakenttä on määritetty kuvan liukusäätimeksi. Objektien lukumäärän rajat on asetettu siten, että moduulissa näkyy vähintään 3 kuvakenttää ja enintään 5 kuvakenttää. Käyttäjä näkee moduulissa oletusarvoisesti 4 kuvakenttää, ja hän voi lisätä yhden kuvakentän lisää tai poistaa yhden olemassa olevan kuvakentän.

Toistinvaihtoehdot otetaan automaattisesti käyttöön, kun olet muuttanut jotakin vaihtoehtoa. Voit poistaa toistinvaihtoehdot käytöstä napsauttamalla toistinvaihtoehtojen oikealla puolella olevaavaihtokytkintä .

Ryhmämoduulin kentät

Kun olet luonut kenttiä, voit ryhmitellä enintään 4 kenttää yhteen, jotta kentät pysyvät järjestettyinä merkityksellisyyden mukaan. Kenttäryhmiä voidaan käyttää mukautetun kenttälogiikan luomiseen. Lisätietoja moduulin kenttäryhmistä.

Moduulikenttien ryhmittely:

• Napsauta moduulieditorin oikeanpuoleisessa sivupalkissa olevaa Ryhmä-painiketta.
  
  
• Valitse kentät, jotka haluat ryhmitellä.
• Valitse Luo ryhmä.

Kopioi ja liitä kenttäpätkät