Käytä oletusmoduuleja mallissasi
Päivitetty viimeksi: tammikuuta 20, 2023
Tässä onyleiskatsaus kaikkiin oletusmoduuleihin, jotka ovat käytettävissä suunnittelutyökalujen vedä ja pudota -malleissa. Jokaista moduulityyppiä voidaan mukauttaa muotoilu- ja sisältöasetuksilla tarkastuksessa. Voit myös lisätä oletusmoduulin HTML-malliin sen HubL-snippetin avulla.
Lisää moduuli malliisi
Voit lisätä moduuleja vetämällä ja pudottamalla malleihin napsauttamalla + Lisää editorin oikeassa yläkulmassa olevassa tarkastimessa. Kaikki oletusmoduulit ja kaikki tallennetut mukautetut moduulit tai ryhmät näkyvät tässä. Jos haluat etsiä tietyn moduulin, kirjoita sen nimi hakupalkkiin. Voit myös napsauttaa Suodata kategorian tai tunnisteiden mukaanpudotusvalikkoa ja valitse yksi tai useampi suodatin.
Kun moduuli on valittuna editorissa, voit muokata moduulin tyylejä, asetuksia ja sisältöä tarkastuksessa. Napsauta Wrapping HTML -osiossa Expand (Laajenna), jos haluat lisätä lisää mukautettuja muotoiluja koodieditorissa.
Tarkastajan alaosassa voit lukita moduulin, jotta käyttäjät eivät voi muuttaa oletussisältöä blogia, sähköpostia tai sivua muokatessaan. Ota tämä asetus käyttöön napsauttamalla Estä muokkaus sisällönmuokkauksessa -kytkintä.
Mukauta oletusmoduulia
Kaikki Markkinoinnin keskus Professional ja Enterprise ja CMS-keskus Professional- ja Enterprise-tileillä on oletusarvoisesti @hubspot-kansio suunnittelutyökaluissa. Tämä kansio sisältää kaikki teemasi ja oletusmoduulisi, mukaan lukien vedä ja pudota -sähköpostimoduulit. Nämä teemat ja moduulit ovat vain lukuoikeudellisia, mutta ne voidaan kloonata, jos haluat muokata niitä.
- Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
- Napsauta hakemistossa @hubspot-kansiota.
- Napsauta hiiren kakkospainikkeella oletusmoduulia , jonka haluat kloonata, ja valitse sitten Kloonaa moduuli.
- Muokkaa kloonatun moduulin moduulin lähdekoodia keskeisessä muokkauspaneelissa.
- Tallenna muutokset valitsemalla oikeassa yläkulmassa Julkaise muutokset. Tämän jälkeen moduuli on käytettävissä malleja rakennettaessa.
Oletusmoduulityypit
Varmuuskopiointi peruuttaa tilauksen
Varmuuskopioitu peruutusmalli näytetään sähköpostin vastaanottajille, jotka napsauttavat peruutuslinkkiä, jos HubSpot ei pysty määrittämään heidän sähköpostiosoitettaan. Voit mukauttaa varmuuskopiointitilauksen peruutussivulla näkyvää ohjetekstiä tämän moduulinOletussisältö-osiossa.

Blogin kommentit
Huomaa: blogikommenttimoduuli ei ole käytettävissä sivu- tai sähköpostimalleissa.
Blogikommenttimoduuli lisää kommenttiosion blogikirjoitusmalliin. Voit muokata blogikommenttien lomakettalomaketyökalussa. Lomake nimetään blogisi otsikon perusteella.

Blogin sisältö
Huomaa: blogin sisältömoduuli ei ole käytettävissä sivu- tai sähköpostimalleissa.
Blogin sisältömoduuli sisältää HTML/HubL-merkinnän blogiviestejäsi ja blogiluettelosivuja varten. Voit muokata postausten merkintöjä napsauttamallaMuokkaa postausmalliaja listaus-sivun merkintöjä napsauttamallaMuokkaa listausmallia. Lisätietojablogin sisältömoduulin merkinnöistä.

Blogin sähköpostitilaus
Huomaa: blogin sähköpostitilausmoduuli ei ole käytettävissä sähköpostimalleissa.
Bloginsähköpostitilausmoduulin avulla kävijät voivat tilata blogisi digest-sähköpostit täyttämällä lomakkeen. Tämä moduuli täytetään blogisi tilaajalomakkeella, jota voit muokata lomaketyökalussasi.
Napsauta Valitse näytettävä blogi-pudotusvalikkoa ja valitse blogi, johon kävijäsi tilaavat. Mukauta lomakkeen yläpuolella näytettävä otsikko -tekstiruutuun teksti, joka näkyy lomakkeen yläpuolella olevassa otsikossa. Vie hiiren kursori olemassa olevan rivivastauksen päälle ja napsautalaajennalaajenna-kuvaketta muokataksesi tekstiä, joka tulee näkyviin sen jälkeen, kun kävijä on lähettänyt lomakkeen.

Toimintakutsu
CTA-moduuli sijoittaa CTA:n omaan moduuliinsa ulkoasussa. Voit myös lisätä CTA:n rikkaan tekstin moduuliin.
Napsauta tarkastajassa

Joustava pylväs
Sivupohjiin voidaan lisätä joustavia sarakkeita, joiden avulla voit lisätä, poistaa ja järjestää moduuleja uudelleen sisältöeditorissa. Tämä antaa sivujen luojille joustavuutta käyttää yhtä mallia useiden sivuasettelujen luomiseen.
- Joustavat sarakkeet eivät ole käytettävissä blogissa, järjestelmäsivulla tai sähköpostimalleissa.
- Kun joustava sarake on mukautettu tietylle sivulle sisältöeditorissa, joustavan sarakkeen mallissa tehdyt muutokset eivät näy kyseisellä sivulla. Näin varmistetaan, että mukautettua sisältöä ei ylikirjoiteta.
Kun lisäät joustavan sarakemoduulin malliisi, voit vetää ja pudottaa muita moduuleja luodaksesi joustavan sarakeryhmän. Voit myös napsauttaa hiiren kakkospainikkeella olemassa olevaa staattista ryhmää ja valita vaihtoehdon Tee joustava sarake.
Seuraa minua
Huom: Seuraa minua -moduuli ei ole käytettävissä sähköpostimalleissa.
Voit käyttää follow me
Kun lisäät seuraa minua -moduulin, voit muokata moduulin otsikkoa, joka näkyy sosiaalisten kuvakkeiden yläpuolella.
Voit määrittää, mitkä sosiaalisen median verkostot näkyvät tässä moduulissa sosiaalisten asetustenSeuraa minua-osiossa.
Huomaa:Seuraa minua -moduuli käyttää oletuskuvakkeita kullekin sosiaaliselle verkostolle.Jos haluat käyttää omiamukautettuja sosiaalisia kuvakkeita, voit luodamoduulista mukautetun version.
Seuraa minua - sähköposti
Huomaa: tämä moduuli on käytettävissä vain sähköposteille, jotka on luotu vedä ja pudota -editorilla. Löydät moduulin editorista nimelläSocial.
Seuraa minua -sähköpostimoduuli tarjoaa lisää muotoilu- ja asetusmahdollisuuksiaraahaa ja pudota -sähköpostimalleille. Voit säätää sosiaalisen kuvakkeen muotoa, värejä
Jos haluat muokata tässä moduulissa näkyviä sosiaalisia verkostoja, napsauta+ Lisää-kuvakettatarkastajanSosiaalinen verkosto-osiossa. Vie hiiren kursori sosiaalisen verkoston nimen päälle ja napsauta sitten painiketta
Napsauttamalla muokkauskuvaketta voit valita, mikä sosiaalinen verkosto näkyy ja mihin URL-osoitteeseen se johtaa. Jos valitset Mukautettu kuvake, näet lisävaihtoehtoja, joilla voit määrittää mukautetun kuvan tälle verkostolle. Voit valita kuvan tiedostotyökalusta tai ladata uuden kuvan tietokoneelta valitsemallaKorvaa.
Lomake
Huomaa: lomakemoduuliei ole käytettävissä sähköpostimalleissa.
Lomakemoduulin avulla voit lisätä sivullesi tai blogiisi lomakkeen, jolla voit kerätä yhteystietoja verkkosivustosi kävijöiltä.
Tässä moduulissa voit mukauttaa seuraavia asetuksia:
- Lomakkeen otsikko: Kirjoita lomakkeelle otsikko, joka näkyy sivulla tai blogissa.
- Lomake: Valitse olemassa oleva HubSpot-lomake, joka näkyy sivulla, tai lisää uusi lomake.
- Mitä kävijä näkee lomakkeen lähettämisen jälkeen?: Valitse, ohjataanko lomakkeen lähettänyt henkilö toiselle sivulle vai näytetäänkö samalla sivulla kiitosviesti.
- Kiitossanoma: mukauta kiitosviestiä.
- Lähetä lomakeilmoitukset määritettyihin sähköpostiosoitteisiin lomakkeen oletusarvojen sijaan: lähetä lomakeilmoitussähköpostit tiettyihin osoitteisiin. Tämä ohittaa lomaketyökalussa asetetut ilmoitusten vastaanottajat.
- Lisää työnkulkuun: Lisää lomakkeen lähettäneet kävijät työnkulkuun(vainMarketing Hub Professional taiEnterprise ).
- Lähetä seurantasähköposti: lähetä enintään kolme seurantasähköpostialomakkeen lähettäneille kävijöille.
Otsikko
Otsikkomoduuli näyttää tekstirivin otsikonHTML-tunnisteessa.Kirjoita oletusarvoinen otsikkotekstiOtsikon sisältö -ruutuun.Valitse otsikkotunniste(H1-H4) napsauttamalla Header type -pudotusvalikkoa.

Vaakasuora välilevy
Vaakasuora välikappale-moduuli luo tyhjän div-tunnisteen, joka lisää sivun elementtien välejä.

Kuva
Kuvamoduuli lisää yksittäisen kuvan sisältöön. Lisätietoja kuvamoduulien muokkausvaihtoehdoista.
Kuvagalleria
Kuvagallerian moduuli lisää sarja pyöriviä kuvia yhteen moduuliin. Lue lisää kuvagallerian moduulin muokattavista asetuksista.
Kielenvaihtaja
Huomaa: kielivaihtomoduuliei ole käytettävissä sähköpostimalleissa.
Kielenvaihtomoduulin avulla kävijät voivat vaihtaa sivun tai blogin käännettyjen versioiden välillä. Napsauttamalla näyttötilan pudotusvalikkoa voit mukauttaa, miten käännettyjen kielten nimet näkyvät:
Pagelang: Kunkin kielen nimi näkyy nykyisen sivun kielellä. Jos esimerkiksi katsot englanninkielistä versiota sivusta, jolla on ranskankielinen käännös, kun napsautat kielenvaihtajaa, kielten niminä näkyvät englanti ja ranska.- Lokalisoitu: Kunkin kielen nimi näkyy kyseisellä kielellä.Jos esimerkiksi katsot englanninkielistä versiota sivusta, jolla on ranskankielinen käännös, kun napsautat kielenvaihtajaa, näet kielten niminä English ja Français.
- Hybridi: näiden kahden yhdistelmä. Jos esimerkiksi katsot englanninkielistä versiota sivusta, jolla on ranskankielinen käännös, kun napsautat kielenvaihtajaa, näet kielten niminä englannin ja ranskan (Français).
Tämä moduuli näkyy vain live-sivuilla, joilla on enemmän kuin yksi julkaistu käännös. Lisätietoja työskentelystämonikielisen sisällönkanssa HubSpotissa.

Logomoduuli
Logomoduuli hakee yrityksesi logon automaattisesti verkkosivustosi asetuksista.Jos haluat käyttää eri logoa, napsauta Override default logo for this page (Ohita oletuslogo tälle sivulle) -kytkintä päälle ja lataa uusi kuva vain tälle sivulle. Jos haluat muuttaa oletuslogon kaikelle sisällölle verkkosivuston asetuksissa, valitse Muokkaa oletuslogoa tällä verkkotunnuksella.
Logomoduulisi linkittyy automaattisesti yrityksesi verkkotunnukseen. Jos haluat ohittaa tämän oletusarvon ja linkittää eri sivulle, anna yksilöllinen Linkki-URL.

Sähköpostin runko
Sähköpostin runkomoduulion vakiomoduuli, joka sisältyy oletusarvoisesti jokaiseen sähköpostimalliin. Voit mukauttaa sähköpostin rungonoletussisältöätietyssä mallissa.
Vakiomuotoiluvaihtoehtojen lisäksi tätä moduulia voidaan mukauttaa oletusväreillä, -reunuksilla ja -väleillä. Napsauta värikuplaa ja valitse väri värinvalitsimesta tai kirjoita heksadesimaaliarvo tekstikenttään oletusvärien asettamiseksi. Kirjoita pikselin arvotRajauksen leveys- ja Sisävälit-tekstikenttiin oletusvälien asettamiseksi.

Valikko
Valikkomoduuli lisää navigoinnin sisältöön ja malleihin. Valikot luodaan ja niitä hallitaan suoraan verkkosivustosi asetuksissa.
Suunnittelutyökaluissa voit mukauttaa valikkomoduulin seuraavia ominaisuuksia:
- Valikko: Valitse jokin olemassa olevista valikoistaasetuksista.
- Lisävalikkotyyppi: valitse, miten valikkokohteet näkyvät sivustollasi:
- Staattinen - Näytä aina ylimmän tason sivut
valikossa: pidä valikko yhtenäisenä kaikilla sivuilla. - Dynaaminen osiokohtaisesti- Näytä
valikossa sivut, jotka liittyvät katsottavaanosioon : näytä valikon kohteet suhteessa katsottavaan ylimmän tason valikkokohtaan. - Dynaaminen sivukohtaisesti- Näytä
valikossa sivut, jotka liittyvät katsottavaansivuun :näyttää valikkokohteet, jotka liittyvät tiettyyn katseltavaan sivuun. - Breadcrumb-tyylinen polkuvalikko (käyttää vaakasuoraa virtausta):Näytä valikon kohteet vaakasuorassa suhteellisena polkuna sivustosi yläosassa.
- Staattinen - Näytä aina ylimmän tason sivut
- Maksimitasot: Valitse näytettävienalivalikkokohteidenenimmäismäärä.
- Suunta:Valitse, näytetäänkö valikkokohdat vaaka- vai pystysuorassa.
- Ota esiinvedot käyttöön: Valitse tämä valintaruutu, jos haluat näyttääalivalikon kohteet, kun viet hiiren kursorin vanhemman yläpuolelle. Poista tämä valintaruutukäytöstä, jos haluat aina näyttää lapsivalikon kohteet.

Moduulit
Koodieditorissa luotujen moduulien avulla voit käyttää HTML:ää, CSS:ää, Javascriptia ja HubL:ää lisätessäsi kehittyneitä toimintoja malleihisi, mutta samalla käyttäjät voivat muokata moduulin sisältöä sisältöeditorissa muuttamatta koodia. Nämä komponentit merkitään customModules-moduulin kuvakkeella hakulaitteessa ja tarkastuksessa. Lisätietoja mukautetun koodin moduulien kanssa työskentelystä on osoitteessa kehittäjien dokumentaatiosta.
Toimiston sijaintitiedot
Toimiston sijaintimoduuli sisältää vaaditut tunnisteet, jotka on sisällytettävä sähköpostimalliin, jotta markkinointiviestejä voidaan lähettää laillisesti. Vaikka voit muokata tämän moduulin muotoilua, et voi tallentaa sähköpostimallia ilman toimiston sijaintitietomoduulia taivaadittuja
Vakiomuotoiluvaihtoehtojen lisäksi tätä moduulia voidaan mukauttaa oletusväreillä, -reunuksilla ja -väleillä. Napsauta värikuplaa ja valitse väri värinvalitsimesta tai kirjoita heksadesimaaliarvo tekstikenttään oletusvärien asettamiseksi. Kirjoita pikselin arvotRajauksen leveys- ja Sisävälit-tekstikenttiin oletusvälien asettamiseksi.

Yksi tekstirivi
Yhden tekstirivin moduulin avulla käyttäjät voivat muokata yhtä tekstiriviä sisältöeditorissa.

Sivun alatunniste
Sivun alatunnisteessa näkyvät tekijänoikeustiedot, joissa on kuluva vuosi ja yrityksesi nimi. Yrityksen nimi otetaan automaattisesti sähköpostiasetustenFooter-osiosta..
Salasanakehotus
Salasanakehotusmoduuli on käytettävissä salasanakehotusjärjestelmämalleissa. Jos sivu on suojattu salasanalla, salasanakehotussivu tulee näkyviin ennen kuin käyttäjä pääsee sivulle. Voit mukauttaa lähetä-painikkeen tekstiä ja tekstiä, joka näytetään, jos väärä salasana on syötetty.
Postisuodatin
Huom: Sähköpostimallit eivät ole käytettävissä sähköpostimalleissa.
Post-suodatinmoduuli näyttää luettelon blogiartikkeleista tietystä aiheesta, kuukaudesta tai kirjoittajasta.
Voit mukauttaa tämän moduulin seuraavia asetuksiaOletussisältö-osiossa:
- Valitse näytettävä blogi: valitse, minkä blogin viestejä käytetään.
- Luettelo suodatinlinkkien arvoista: valitse, suodatetaanko moduuli tunnisteen, kuukauden vai kirjoittajan mukaan.
- Suodatinlinkkien arvojen järjestys: valitse, järjestetäänkö arvot aakkosjärjestyksessä vai viestien lukumäärän mukaan.
- Näytettävä listan otsikko:kirjoita otsikko, joka näkyy viestien yläpuolella.
- Näytettävien suodatinarvojen enimmäismäärä:anna tietyn suodattimen viestienenimmäismäärä. Jätä tämä kenttä tyhjäksi, jos haluat näyttää kaikki viestit.
- Tekstilinkki, joka näytetään, jos viestejä on enemmän kuin on sallittua näyttää:kirjoitateksti, joka näytetään, jos kategoriassa on enemmän käytettävissä olevia viestejä. Oletusteksti on Katso kaikki.

Postin listaus
Huom: Sähköpostimallit eivät ole käytettävissä sähköpostimalleissa.
Postausluettelomoduulia käytetään HubSpot-blogin blogikirjoitusten luettelon näyttämiseen. Voit asettaa moduulin näyttämään viimeisimmät viestit tai viimeisen kuukauden, kuuden kuukauden, vuoden tai koko ajan suosituimmat viestit.
Voit mukauttaa seuraavia sisällön oletusasetuksia tarkastuksessa:
- Valitse näytettävä blogi: valitse blogi, jonka postausten otsikot haluat näyttää.
- Listaa blogipostaukset: valitse, miten järjestät postit.
- Näytettävä listan otsikko: kirjoita otsikko, joka näkyy viestien yläpuolella.
- Luetteloitavien blogiviestien enimmäismäärä:anna tässä moduulissa näkyvien viestienenimmäismäärä.

Runsas teksti
Rikastekstimoduuli on yleisin HubSpotin sisältötyökalujen sisältömoduuli. Se tukee eri komponenttien, kuten tekstin, kuvien ja CTA-kohtien, muokkausmahdollisuuksia.
Jos haluat lisätä oletussisällön tähän moduuliin, napsauta Laajennatai napsauta esikatselusisältöä avataksesi tekstieditorin.

RSS-luettelo
Huom: RSS-luettelomoduuli ei ole käytettävissä sähköpostimalleissa. Käytä sen sijaan RSS-sähköpostia.
Voit käyttää RSS-luettelointimoduulia HubSpot-blogin tai ulkoisen RSS-syötteen julkaisujen yhteenvetojen näyttämiseen.
RSS-luettelomoduulit voivat näyttää tietyn blogin tai tagin. Napsauttamalla vastaavaa kytkintä päälle voit ilmoittaa, näytetäänkö kunkin postauksen yhteydessä esillä oleva kuva, kirjoittajan nimi, tiivistelmä tai julkaisupäivä.
Kun olet ottanut nämä asetukset käyttöön, voit mukauttaa seuraavia tietoja:
- Näytä tekijän nimi: Kirjoitatekijän nimi, joka näytetään kunkin tekijän nimen yläpuolella. Oletusarvoisesti tämä moduuli sisältää by:n attribuutiotekstinä.
- Näytä yhteenveto: anna kunkin blogin yhteenvedon pituus merkkeinä. Voit myös mukauttaaYhteenvedon klikkaustekstiä, joka on linkki, jota klikkaamalla blogin kävijät pääsevät lukemaan koko postauksen. Oletusarvoisesti tämä teksti on merkitty tekstilläLue lisää.
- Näytä julkaisupäivämäärä: ValitseJulkaisupäivämäärän muoto, jotta voitmukauttaa päivämäärän ja kellonajan muotoilua kunkin viestin kohdalla. Voit myös mukauttaa julkaisupäivämäärän ilmaisintekstiä. Oletusarvoisesti tässä tekstissä lukeejulkaistu klo.

Jakson otsikko
Lukuotsikkomoduulin avulla voit korvata h1-otsikkotunnisteen kappaleen alaotsikolla. Tämä moduuli sopii erinomaisesti sivun ensisijaisen osion otsikointiin.

Yksinkertainen valikko
Yksinkertaisten valikkomoduulien avulla käyttäjät voivat luoda sivukohtaisia valikoita sisältöeditorissa. Tämän moduulin avulla voit joustavasti rakentaa yksinkertaisen valikon tietylle mallille. Lisää valikkokohteita, linkkejä ja valitse valikon suuntaus valitsemalla tarkastajassaMuokkaa valikkoa. Valikon suunta-asetuksen muokkaaminen lisää valikon käärintäsäiliöön luokan hs-menu-flow-horizontal tai hs-menu-flow-vertical, jota voidaan sitten käyttää muotoiluun CSS:ssä. Lue lisää moduuliasetusten lisäämistä luokista kehittäjän dokumentaatiosta.

Sosiaalinen jakaminen
Sosiaalisen jakamisen moduulin avulla kävijät voivat helposti jakaa sisältösi sosiaalisen median kanavissa ja sähköpostitse. Napsauta tietyn sosiaalisen verkoston vieressä olevaa Enabled? -kytkintä, jotta voit sisällyttää sen sivullesi tai sähköpostiisi.
Jakolinkki täyttää automaattisesti sisällön jakamiseen tarvittavat HubL-tunnisteet. Sähköposteissa moduuli käyttää jakolinkissä kyseisen sähköpostin verkkoversion URL-osoitetta.
Huom:Sosiaalisen jakamisen moduuli käyttää oletuskuvakkeita kullekin sosiaaliselle verkostolle. Jos haluat käyttää omiamukautettuja sosiaalisia kuvakkeita, voit luoda customized version moduulista.
Tilausasetukset
Tilausasetusten moduulit ovat käytettävissä vain tilausasetusten järjestelmämalleissa.
Näiden moduulien avulla voit mukauttaa sivun, jonka sähköpostin vastaanottaja näkee, kun hän hallitsee tilausasetuksiaan tai peruuttaa sähköpostiviestinnän.

Tilauksen päivitysvahvistus
Tilauspäivitysten vahvistusmoduuli on tekstimuotoinen moduuli, joka on käytettävissä tilauspäivitysten vahvistusjärjestelmän malleissa. Sen avulla voit mukauttaa, mitä näytetään, kun sähköpostin vastaanottaja päivittää tilausasetuksiaan.

Näytä verkkosivuna
Näytä verkkosivuna-moduuliantaa sähköpostin vastaanottajille mahdollisuuden avata sähköpostin verkkosivuversion.

Asiaan liittyvä sisältö
-
Luo sivuja useilla kielillä
Voit kääntää HubSpot-sivun sisällön useille kielille. Lisäämällä kielivaihtomoduulin sivun malliin voit antaa...
Tietämyskanta -
Kloonaa HubSpot-sisältösi
Voit kloonata HubSpotin blogikirjoituksen, sähköpostiviestin tai sivun ja käyttää olemassa olevaa sisältöä...
Tietämyskanta -
Luo, muokkaa ja liitä CSS-tiedostoja sivustosi tyylittelemiseksi.
CSS (Cascading Style Sheets) on koodattu tiedosto, joka valitsee sivusi elementit ja ohjaa niiden...
Tietämyskanta