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: syyskuuta 13, 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.

Huomaa: aMarkkinointikeskittymä Professional- tai Enterprise-tili vaaditaan mukautettujen koodattujen sähköpostimallien rakentamiseen.

Luo uusi HTML- ja HubL-tiedosto

  • Siirry HubSpot-tililläsi kohtaan Markkinointi > Tiedostot ja mallipohjat > Suunnittelutyökalut.
  • Luo vasemmassa sivupalkissa uusi tiedosto valitsemalla Tiedosto >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
  • Napsauta Seuraava
  • Kirjoita uuden tiedoston tiedot:
    • Valitse Template tai Template 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, valitse Tiedoston sijainti -osiossa Muuta ja valitse kansio, johon haluat lisätä tiedoston.
  • Napsauta Luo.
  • Kirjoita sivun tai sähköpostimallin HTML-koodi.
  • Jos haluat esikatsella, miten HubL renderöi, napsauta Näytä tulostus -kytkintä. Oikealle avautuu paneeli, jossa on renderöity esikatselu.


    design-manager-show-output
  • Napsauta oikeassa yläkulmassa Preview (Esikatselu ), jotta voit esikatsella, 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äkulmassa Julkaise 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 saatHubSpot designer -dokumentaatiosta. Siellä onlisädokumentaatiota koodatuista moduulivaihtoehdoista , kuten suodatintunnisteista ja kuvakkeista.

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ä tokenit 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ä tunnuksia erikseen:
    • {{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:ksi 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.
  • Napsauta toimintoja > Kloonaa HTML:ksi hakemistossa. HTML-tiedosto luodaan samaan kansioon kuin alkuperäinen tiedosto. Sen tiedostonimi vastaa alkuperäisen mallin nimeä, johon on liitetty kopio .
design-manager-clone-to-html
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.