Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
BETA

Gebruik aangepaste voorstelsjablonen met citaten (BETA)

Laatst bijgewerkt: december 31, 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 Professionele of Enterprise account met Edit code templates & modules rechten en een gebruiker in eenSales Hub Professional of Enterprise account om aangepaste voorstelsjablonen te gebruiken.

Sjablonen die u maakt terwijl deze functie nog in bèta is, moeten waarschijnlijk in de loop van deze bèta worden aangepast. HubSpot geeft meer informatie over welke veranderingen nodig kunnen zijn naarmate deze functie zich ontwikkelt.

Maak een aangepast voorstel sjabloon

HubSpot biedt twee standaard voorstelsjablonen in de @hubspot-map in je designmanager: 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 wordt aanbevolen 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 navigeer je naar de @hubspot-map . Deze map bevat al uw thema's, inclusief de voorstelsjablonen.
  • Klik met de rechtermuisknop op de cms-voorstellen-thema's en selecteer vervolgens Kloon-thema.

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 weergegeven. Klik in het bestand met gekloonde thema's op de map met sjablonen en selecteer vervolgens het voorstel_tall.html of citaat_simple.html sjabloon dat u wilt 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 uit te voeren. Voor aanvullende informatie over het ontwerp op maat kuntu dedocumentatie 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 ontwerpmanager 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 dat u in de designmanager hebt gemaakt, gebruiken om een offerte te maken.

  • Navigeer in uw HubSpot account naar Sales > Offertes.
  • Klik rechtsboven opOfferte maken .
  • Om het contact te koppelen aan een deal, klikt u op het vervolgkeuzemenu Associate with a deal en selecteert u een deal.
  • Klik op Volgende.
  • Klik op het vervolgkeuzemenu Offertesjabloon en selecteer een voorstelsjabloon.
  • Om een aangepast domein voor de URL van de offerte te selecteren, klikt u op het vervolgkeuzemenu Domein en selecteert u een domein. Standaard gebruikt de inhoudssloep een unieke datum en offerte-ID en hoeft deze niet te worden aangepast.

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

  • Naast het aanpassen van de template 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 menu aan de linkerkant kunt u de instellingen voor de weergave, de kleur en het lettertype wijzigen.
    • In uw display-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 uw Global lettertype-instellingen 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 citaat-editor en ga verder met het instellen van uw citaat.

Nadat u uw offerte hebt gepubliceerd, leert u hoe u uw offerte kunt delen met uw contactpersonen.