Sist oppdatert: juni 28, 2023
Gjelder for:
Alle produkter og planer
|
Utviklere kan bygge blogg-, nettside-, landingsside- og e-postmaler fra bunnen av ved hjelp av HTML. Du kan også klone et dra-og-slipp-malloppsett til HTML og deretter tilpasse det som en kodet mal.
Merk: Det kreves en Marketing Hub Professional- eller Enterprise-konto for å lage egendefinerte, kodede e-postmaler.
Opprett en ny HTML- og HubL-fil
- Naviger til Markedsføring > Filer og maler > Designverktøy i HubSpot-kontoen din.
- Opprett en ny fil i venstre sidefelt ved å klikke påFil > Ny fil.Du må kanskje klikke på mappeikonet for å utvide søkeren.
- I dialogboksen klikker du på rullegardinmenyen Hva vil du bygge i dag? og velger HTML & HUBL.
- Klikk på
- Neste
- Skriv inn detaljene for den nye filen:
- Velg Mal eller Delvis mal.
- En delvis mal er en mal som kan brukes i andre maler.
- I rullegardinmenyen velger du hvilken type mal du
- koder (side, blogg eller e-post) .
- Gi filen et navn.
- Hvis du vil oppdatere filens plassering, klikker du på Endre i delen Filplassering og velger mappen du vil legge filen til.
- Klikk påOpprett.
- Skriv HTML for siden eller e-postmalen.
- Hvis du vil se en forhåndsvisning av hvordan HubL vil bli gjengitt, klikker du på Vis utdata .
- Et panel åpnes til høyre med forhåndsvisning av gjengivelsen.
- Klikk på Forhåndsvisning øverst til høyre for å forhåndsvise hvordan malen vil vises og fungere i innholdsredigeringsprogrammet .
- Forhåndsvisningen synkroniseres med redigeringsprogrammet og oppdateres automatisk etter hvert som du arbeider.
- Øverst til høyre klikker
- Publiser endringer
Hvis du vil ha mer informasjon om tilpasset design, kan du se HubSpot Designer-dokumentasjonen. Der finner du ytterligere dokumentasjon om kodede modulalternativer som filterkoder og ikoner.
Legg til de nødvendige HubL-taggene
Du vil se en feilmelding hvis koden mangler noen
av denødvendige HubL-taggene hvis du prøver å publisere filen.
Maler for nettsteder, destinasjonssider og blogger krever følgende tag
ger:{{standard_footer_includes}}{{standard_header_includes}}
- Ta med dette symbolet som henter inn CAN-SPAM-seksjonen for avmelding:
{{unsubscribe_section}}. Deretter kan du legge til disse symbolene enkeltvis:{{site_settings.company_street_address_1}}{{site_settings.company_city}}{{site_settings.company_state}}{{site_settings.company_zip}}- Med denne metoden har du ikke mulighet til å formatere språket og stilen på teksten og lenkene.
- Bruk disse symbolene hver for seg:
{{site_settings.company_name}}{{unsubscribe_link}}eller{{unsubscribe_link_all}}(ta med minst én){{unsubscribe_anchor}}{{site_settings.company_name}}{{site_settings.company_street_address_1}}{{site_settings.company_city}}{{site_settings.company_state}}{{site_settings.company_zip}}- Hvis du bruker tokensene enkeltvis, kan du legge til tekst rundt tokensene og lenkene og formatere dem i ønsket stil og språk.
Klone til HTML
I tillegg til å lage en mal fra bunnen av, kan du også klone en av HubSpots maler til HTML. Ved å klone en mal til HTML får du tilgang til malens HTML-innhold.
Slik oppretter du en kodet versjon av en eksisterende mal:
- Naviger til Markedsføring > Filer og maler > Designverktøy i HubSpot-kontoen din.
- Klikk på Handlinger > Klon til HTML i søkeren. HTML-filen opprettes i samme mappe som originalfilen. Filnavnet vil samsvare med navnet på den opprinnelige malen med kopien lagt til.
