BETA

Gebruik aangepaste voorstelsjablonen met citaten (BETA)

Laatst bijgewerkt: oktober 19, 2020

In Bèta

Geldt voor:

Marketing Hub  Professional, Enterprise
Sales Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise

Bij het maken van een offerte om naar een prospect te sturen, kunt u een aangepast voorstelsjabloon maken. U kunt de HTML, CSS en JavaScript van het sjabloon aanpassen in de ontwerpmanager, zodat uw offertes overeenkomen met de behoeften van uw bedrijf. Zodra een sjabloon is aangepast en gepubliceerd, kan uw verkoopteam het sjabloon selecteren bij het maken van hun offertes. Ze kunnen ook de themastijlen voor de offerte van de offertebouwer aanpassen.

Deze optie is handig als u een standaardsjabloon hebt dat u vaak gebruikt om voorstellen te maken. Deze voorstellen kunnen vele pagina's lang zijn en extra details over uw product of dienst bevatten.

Let op: u moet een gebruiker zijn in een Marketing Hub of CMS Hub Professional of Enterprise account met Edit code templates & modules rechten en hebben een toegewezen Sales Hub Professional of Enterprise paid seat om aangepaste voorstel templates te gebruiken.

Maak een aangepaste offerte sjabloon

HubSpot biedt twee standaard voorstelsjablonen in de @hubspot-map in uw ontwerpmanager: Offerte (Simple) en Voorstel (Tall). U kunt deze standaardsjablonen klonen en bewerken om de kopie en het ontwerp van het voorstel aan te passen. Het is aan te raden om met een ontwerper in uw team te werken om wijzigingen aan te brengen in de HTML, CSS en JavaScript van de voorstelsjablonen. Om toegang te krijgen tot de voorstelsjablonen voor het klonen en bewerken:

  • Navigeer in uw HubSpot account naar Marketing > Bestanden en templates > Ontwerphulptools.
  • In de finder aan de linkerkant navigeert u naar de @hubspot-map. Deze map bevat al uw thema's, inclusief de offertesjablonen.
  • Klik met de rechtermuisknop op de cms-voorstellen-thema's en selecteer vervolgens het thema Kloon.

clone-cms-themes-folder

  • Voer in het dialoogvenster een naam in voor uw gekloonde thema en klik op Aanmaken.

enter-name-cloned-proposals-file

  • Het gekloonde thema wordt gekopieerd naar de hoofdmap en wordt samen met uw andere mappen in de finder opgenomen. In het bestand met gekloonde thema's klikt u op de map met sjablonen en selecteert u vervolgens het sjabloon voor voorstellen_tall.html of quote_simple.html om te bewerken.

select-the-proposal-template

  • Hier kunt u de gecodeerde sjabloon bewerken. Het is aan te raden om te werken met een ontwerper in uw team of iemand die bedreven is in HTML, CSS en Javascript om bewerkingen aan het sjabloon te maken. Voor aanvullende informatie over het ontwerp op maat kunt u de documentatie van de ontwikkelaar van HubSpot raadplegen.

edit-html-proposal-template

  • Als u klaar bent, klikt u op Wijzigingen publiceren.

Het bewerkte voorstelsjabloon zal beschikbaar zijn in het dropdown menu van het citaatsjabloon in de offerte-editor. In de designmanager kunt u eventuele aanvullende wijzigingen aanbrengen in het gekloonde thema. Lees meer over het gebruik van thema's.

Gebruik de aangepaste sjabloon om een offerte te maken

U kunt het aangepaste sjabloon gebruiken dat u in de designmanager hebt gemaakt om een offerte te maken.

  • Navigeer in uw HubSpot account naar Sales > Offertes.
  • Klik in de rechterbovenhoek op Offerte maken.
  • Om de contactpersoon aan een offerte te koppelen, klikt u op het vervolgkeuzemenu Associate with a deal en selecteert u een offerte.
  • Klik op Volgende.
  • Klik op de offerte sjabloon dropdown menu en selecteer een voorstel sjabloon.
  • Om een aangepast domein voor de URL van de offerte te selecteren, klikt u op het dropdown menu Domein en selecteert u een domein. Standaard gebruikt de inhoudsslakken een unieke datum en citaat-ID en hoeft deze niet te worden aangepast.

select-a-proposal-template-from-quotes-editor

  • Naast het aanpassen van het sjabloon en het thema in de designmanager, kan een individuele gebruiker in uw team de weergave-instellingen van het thema bewerken vanuit de offertebouwer. Klik op de hyperlink van de themavoorvertoning onder de offertevoorvertoning.

edit-quote-theme-styles

  • De themavoorvertoning wordt geopend in een ander tabblad van uw webbrowser. In het linker zijbalk menu kunt u de weergave, kleur en lettertype-instellingen bewerken.
    • In uw weergave-instellingen kunt u ervoor kiezen om de regel-items en briefhoofdinformatie op uw offerte te tonen of te verbergen.
    • In uw Globale kleurinstellingen kunt u de primaire, secundaire en achtergrondkleur van het thema bewerken voor alle elementen die in uw themasjablonen zijn opgenomen. U kunt ook de kleuren en lettertypen van de knoppen van het thema aanpassen.
    • In de instellingen van uw Global-lettertypen kunt u het primaire lettertype en de letterkleur van het thema bewerken.

edit-quote-theme-settings

  • Klik op Wijzigingen toepassen en klik vervolgens op Publiceren naar [nummer] activa in de rechterbovenhoek.
  • Navigeer terug naar de offerte-editor en ga verder met het instellen van uw offerte.

Leer na het publiceren van uw offerte hoe u uw offerte kunt delen met uw contactpersonen.