Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.
Design Manager

Rakenna mukautettu koodattu malli

Päivitetty viimeksi: tammikuuta 10, 2022

Tämä koskee seuraavia:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Vanhentunut Marketing Hub Basic-versio

Kehittäjät voivat rakentaa blogin, verkkosivun, aloitussivun ja sähköpostimallin tyhjästä HTML:n avulla. Voit myös kloonata vedä ja pudota mallin ulkoasun HTML-muotoon ja muokata sitä sitten koodattuna mallina.

Sisältötyypit, joissa voidaan käyttää mukautettuja koodattuja malleja, riippuvat seuraavista tekijöistä Markkinoinnin keskus ja CMS-keskus tilauksista:

Ei Markkinoinnin keskus tilaus

TAI

Markkinoinnin keskus Starter

Marketing Hub Professional/Enterprise

TAI

Legacy Marketing Hub Basic

Ei CMS-keskus tilaus

Mukautettuja koodattuja malleja ei ole saatavilla

Mukautettuja koodattuja malleja saatavilla blogeihin, aloitussivuihin ja sähköposteihin.

CMS Hub Starter

Mukautetut koodatut mallit saatavilla blogeille ja verkkosivuille

Mukautettuja koodattuja malleja saatavilla blogeihin, aloitussivuihin,verkkosivuihin jasähköposteihin.

CMS Hub Professional/Enterprise

Mukautetut koodatut mallit saatavilla blogeille, aloitussivuille ja verkkosivuille.

Mukautettuja koodattuja malleja saatavilla blogeihin, aloitussivuihin,verkkosivuihin jasähköposteihin.

Luo uusi HTML & HUBL-tiedosto

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • Luo vasemmassa sivupalkissa uusi tiedosto valitsemallaTiedosto>Uusi tiedosto.Sinun on ehkä napsautettavakansiota kansion kuvake laajentaaksesi hakemistoa.
  • Napsauta valintaikkunassaMitä haluat rakentaa tänään?-pudotusvalikkoa ja valitse sittenHTML & HUBL.
design-manager-html-hubl
  • NapsautaSeuraava
  • Kirjoita uuden tiedoston tiedot:
    • ValitseTemplatetaiTemplate Partial. Mallin osa on malli, jota voidaan käyttää muiden mallien sisällä.
    • Valitse pudotusvalikosta koodaamasi mallin tyyppi (sivu, blogi tai sähköposti).
    • Anna tiedostollesi nimi.
    • Jos haluat päivittää tiedoston sijainnin, valitseTiedoston sijainti-osiossaMuutaja valitse kansio, johon haluat lisätä tiedoston.
  • NapsautaLuo.
  • Kirjoita sivun tai sähköpostimallin HTML-koodi.
  • Jos haluat esikatsella, miten HubL:si renderöityy, napsauta Näytä tulostus -kytkintä päälle. Oikealle avautuu paneeli, jossa on renderöity esikatselu.


    design-manager-show-output
  • Napsauta oikeassa yläkulmassa Preview (Esikatselu ) esikatsellaksesi, miten mallisi näkyy ja toimii sisältöeditorissa. Tämä esikatselu synkronoituu editorin kanssa ja päivittyy automaattisesti työskentelyn aikana.
  • Napsauta oikeassa yläkulmassaJulkaise muutokset
Kaikki koodissasi olevat virheet näkyvät virheilmoituksessa, kun yrität julkaista muutoksia. Koodieditorin alareunassa oleva virhekonsoli näyttää virheen tai varoituksen yksityiskohdat sekä ehdotuksia siitä, miten voit korjata nämä virheet ja varoitukset.

error-console

Lisätietoja mukautetusta suunnittelusta onHubSpotin suunnittelijan dokumentaatiossa.Koodattujen moduulivaihtoehtojen, kuten suodatintunnisteiden ja kuvakkeiden, osalta onlisädokumentaatiota.

Lisää tarvittavat HubL-tunnisteet

Näet virheilmoituksen, jos koodistasi puuttuu jokin vaadittu HubL-tunniste, jos yrität julkaista tiedoston.

Web-sivusto-, aloitussivu- ja blogimallit vaativat seuraavat tunnisteet:

  • {{standard_footer_includes}}
  • {{standard_header_includes}}
Sähköpostimallit vaativat seuraavat tunnisteet ollakseen CAN-SPAM-yhteensopivia. Ne voidaan lisätä kahdella tavalla:
  • Sisällytä tämä token, joka vetää unsubscribe CAN-SPAM -osion: {{unsubscribe_section}}. Lisää sitten nämä merkit yksitellen:
    • {{site_settings.company_street_address_1}}
    • {{site_settings.company_city}}
    • {{site_settings.company_state}}
    • {{site_settings.company_zip}}
    • Tällä menetelmällä et voi muotoilla tekstin ja linkkien kieltä ja tyyliä.

  • Käytä näitä merkkejä yksitellen.:
    • {{site_settings.company_name}}
    • {{unsubscribe_link}} tai {{unsubscribe_link_all}} (sisällytä vähintään yksi)
    • {{unsubscribe_anchor}}
    • {{site_settings.company_name}}
    • {{site_settings.company_street_address_1}}
    • {{site_settings.company_city}}{{site_settings.company_state}}
    • {{site_settings.company_zip}}
    • Käyttämällä merkkejä yksitellen voit joustavasti lisätä sanamuotoja merkkien ja linkkien ympärille ja muotoilla ne haluamallasi tyylillä ja kielellä.

Kloonaa HTML:ksi

Sen lisäksi, että voit luoda mallin tyhjästä, voit myös kloonata jonkin HubSpotin mallin HTML-muotoon. Kloonaamalla mallin HTML-muotoon saat käyttöösi mallin HTML-sisällön.

Voit luoda koodatun version olemassa olevasta mallista:

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • NapsautaToiminnot>Kloonaa HTML:ksi hakemistossa. HTML-tiedosto luodaan samaan kansioon kuin alkuperäinen tiedosto. Sen tiedostonimi vastaa alkuperäisen mallin nimeä, johon on liitettykopio.
design-manager-clone-to-html
Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.