Doorgaan naar artikel
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.

HubSpot Vereisten voor indiening op de marktplaats

Laatst bijgewerkt: januari 19, 2023

Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:

Alle producten en plannen

Iedereen kan een HubSpot Marketplace Provider account opzetten en nieuwe templates aanmaken om te verkopen aan een van de 18.000+ klanten van HubSpot. Om de beste ervaring voor de klanten van de HubSpot Marktplaats te garanderen, wordt elk sjabloon beoordeeld aan de hand van de volgende criteria door een van de HubSpot's kwaliteitsborgingsingenieurs.

Let op: het is de verantwoordelijkheid van alle Marketplace-aanbieders om verzoeken om terugbetaling te beoordelen. Hoewel alle transacties alleen tussen de klant en de aanbieder plaatsvinden, zijn dit algemene richtlijnen voor de afhandeling van restitutieverzoeken.

1. 1. CMS Marketplace Compliance

1.1 Op dit moment kunnen de inzendingen op de Marktplaats bevatten:

  • Website Sjablonen
  • Landingspagina Sjablonen
  • Blog Sjablonen
  • Systeem Pagina Sjablonen
    • Fout Pagina Sjablonen
    • Wachtwoord Pagina Sjablonen
    • Abonnementsvoorkeurssjablonen voor pagina's
  • Email Sjablonen
  • Modules

1.2 Op dit moment kan het zijn dat de inzendingen op de Marktplaats geen informatie bevatten:

  • HubDB

1.3 Sjablonen moeten gebruik maken van de HubSpot's Drag & Drop Interface.

  • Websitepaginasjablonen moeten gebruik maken van de Drag & Drop Interface van HubSpot.
  • Landingspaginasjablonen moeten gebruik maken van de HubSpot's Drag & Drop Interface.
  • Blogsjablonen moeten gebruik maken van de HubSpot's Drag & Drop interface.
  • Systeempaginasjablonen moeten gebruik maken van de HubSpot's Drag & Drop Interface.
  • E-mailsjablonen kunnen gebruik maken van de Drag & Drop of Coded File-interface als gevolg van stijlbeperkingen.
  • Modules moeten gebruik maken van de modulebouwer van HubSpot.

1.4 Bestanden van derden moeten op het HubSpot CDN worden geladen, tenzij ze afkomstig zijn van een gerenommeerde bron (Google Fonts, Font Awesome, enz.), in welk geval ze kunnen worden toegevoegd aan het stylesheet met behulp van de '@import'-functie. Als er een externe CDN-versie van een bibliotheek wordt meegeleverd, moet er een lokale kopie worden geleverd als noodoplossing.

  • Verduidelijking: inclusief bestanden in een module van het HubSpot CDN moet de sectie Gekoppelde bestanden worden gebruikt.

1.5 Aanbieders kunnen tot vijf gratis templates aanbieden.

1.6 Alle middelen moeten in één bovenliggende map worden genest.

  • Verduidelijking: Activa moeten in een map worden genest en de naam van de map moet de vermelding van uw product beschrijven.

folders

2. 2. Ontwerpvereisten

2.1 Het ontwerp moet goed worden weergegeven op gangbare mobiele apparaat- en bureaubladschermbreedtes.

  • Verduidelijking: de inhoud moet de volledige breedte van de pagina in beslag nemen zonder dat horizontaal scrollen vereist is, tenzij horizontaal scrollen de voor de hand liggende bedoeling van het ontwerp is. Met honderden apparaten en configuraties is het noodzakelijk om elke pagina aan zoveel mogelijk van deze apparaten en configuraties te testen. Als u niet in staat bent om te testen tegen een fysiek apparaat of schermgrootte op het bureaublad, gebruik dan een op software gebaseerde aanpak om te testen tegen verschillende configuraties. Alle templates moeten voldoen aan het 12-koloms rastersysteem van HubSpot, gebaseerd op Bootstrap 2.x.

2.2 Het ontwerp moet een hoge esthetische kwaliteit en visuele aantrekkingskracht hebben en moet aantrekkelijk zijn voor alle platforms.

  • Verduidelijking: na verloop van tijd neemt de verwachting toe dat de klant een hogere kwaliteit van de ontwerpen kan leveren. Van nieuwe sjablonen wordt verwacht dat ze aan het huidige kwaliteitsniveau voldoen of dit zelfs overtreffen om ervoor te zorgen dat aan die verwachtingen wordt voldaan.
  • Inzendingen die een slechte esthetische kwaliteit vertonen:
    • 2.2.1 Zijn te gelijkaardig in ontwerp aan bestaande items.
    • 2.2.2 Toon inconsequent gebruik van tussenruimte/vulling of lijnhoogte die de typografie en de plaatsing van de elementen beïnvloedt.
    • 2.2.3 Gebruik onaantrekkelijke, watergemarkeerde of te gecomprimeerde beelden en texturen.
    • 2.2.4 Gebruik kleuren die elkaar niet aanvullen.
    • 2.2.5 Inclusief verkeerd uitgelijnde of inconsequent geplaatste elementen.

2.3 Er mogen geen meerkleurige versies van activa worden ingediend.

  • Verduidelijking: het indienen van activa met dezelfde lay-out in verschillende kleurenschema's is niet toegestaan. Wij zullen één activum goedkeuren en alle andere afwijzen.

2.4 Er moeten beschrijvende naamgevingsconventies worden gebruikt.

  • Verduidelijking: de namen van de activa worden automatisch aangemaakt op basis van de bestandsnaam van het sjabloon.
  • Pro Tip: gebruik geen schuine streep "/" in de naam van de activa, omdat dit een storing in de activa-injectie zal veroorzaken.

2.5 Alle ingediende sjablonen moeten een werkende voorbeeldpagina bevatten.

  • Verduidelijking: voeg bij het indienen van een landingspagina, blog, websitepagina of e-mailsjabloon een link naar een live demoversiesjabloon in het demoveld toe. Een link naar uw hs-sites staging domein is aanvaardbaar.

2.6 Alle menumodules moeten de standaard menustructuur gebruiken.

2.7 Activa moeten waar nodig beschrijvende module/veldlabels gebruiken.

  • Verduidelijking: labels worden gebruikt om het doel van een module of moduleveld te beschrijven.

2.8 Activa moeten de standaardmodule-inhoud gebruiken om het doel van elke module uit te leggen.

  • Verduidelijking: de inhoud van de standaardmodule moet een generieke tekst bevatten waarin wordt beschreven hoe de template vanuit een technisch of inkomend marketingperspectief moet worden gebruikt. Dit toont de mogelijkheden van de template en geeft duidelijke richtlijnen voor de gebruiker. U kunt de standaard inhoud instellen door in de template builder het tandwielpictogram > Bewerkingsopties op afzonderlijke modules te selecteren.

2.9 De standaardinhoud moet overeenkomen met wat op de asset listing pagina en de demo site wordt geadverteerd.

  • Verduidelijking: alle woorden, afbeeldingen en andere media die gebruikt worden op de asset listing pagina moeten overeenkomen met wat gebruikt wordt op de demo site en de asset.

2.10 Activa mogen geen gebruik maken van elements van HubTheme.

  • Verduidelijking: als er elementen van Hub worden gebruikt in een asset zal deze worden afgewezen. Elementen omvatten, maar zijn niet beperkt tot:
    • HubThema Globale groepen
    • HubThema Globale Modules
    • HubThema-opmaakmodellen

2.11 Activa mogen geen gebruik maken van elements uit een HubSpot voorbeeldsjabloon.

  • Verduidelijking: elk standaardapparaat dat zich in de HubSpot defaultmap in de designmanager bevindt of gekloond is, wordt afgewezen.

2.12 Activa mogen geen gebruik maken van elements van een bestaande HubSpot Marketplace asset.

  • Verduidelijking: elk activum dat werd aangekocht of een gekloonde versie van een activum dat werd aangekocht van de HubSpot Marketplace zal worden verworpen.

3. 3. Code & Sjabloonkwaliteit

3.1 Alle primaire stylesheets en javascript-bestanden moeten worden toegevoegd aan de secties 'Gelinkte stylesheets' en 'Gelinkte JavaScript-bestanden' van het sjabloon.

  • Toelichting: er mag niet worden verondersteld dat er een of meer extra stylesheets worden aangeroepen, zoals primary.css of hub-thema.css.

3.2 Sjablonen mogen geen gebruik maken van Styling on Structure.

  • Toelichting: het is nooit een goed idee om de structurele steigers van de website af te stijlen. Dit zou elementen omvatten zoals de container-vloeistof, rij-vloeistof, widget-span, of andere klassen en ID's die wereldwijd in de gehele site template worden gebruikt (zie voorbeeld hieronder). Als u een stijl moet toepassen op een element, kunt u er een aangepaste klasse op plaatsen vanuit de sjabloonbouwer. Styling met aangepaste classes maakt het gemakkelijker om een enkele module of item te targeten en de schaalbaarheid van de site te behouden.

structure-example

3.3 Activa mogen geen aangepaste inline classes gebruiken die gebruikers kunnen overschrijven vanuit de Rich Text Editor (WYSIWYG).

  • Verduidelijking: aangepaste klassen of ID's moeten niet inline worden opgenomen in Rich Text-modules, tenzij ze worden gegenereerd door het HubSpot systeem. U kunt een klasse toepassen op een module op sjabloonniveau door te klikken op het versnellingspictogram aan de rechterkant van een module en te kiezen voor Edit CSS (of door te klikken op de versnelling en vervolgens Edit CSS Declarations op een modulegroep).

3.4 Activa mogen geen overbodige of onnodige code gebruiken. Dit omvat, maar is niet beperkt tot:

  • Scripts
  • Stylesheets
  • Ongebruikte of becommentarieerde code

3.5 Alle standaardmodules van HubSpot moeten op alle ingezonden Pagina & Blog-sjablonen op de juiste manier worden gestyled/ weergegeven.

3.6 Sjablonen & Modules mogen geen fouten in de console weergeven.

3.7 ID's en klassen moeten de juiste naam krijgen en een naamgevingsconventie volgen.

3.8 Standaard CSS-klassen moeten in de stylesheet worden behandeld om het verwachte gedrag te volgen.

3.9 Assets moeten waar mogelijk op een SSL-vriendelijke manier worden geladen.

3.10 Alle assets moeten gebruik maken van het nieuwe module framework.

3.11 Alle assets moeten worden ondersteund door HubSpot's ondersteunde browsers.

4. 4. Thema-eisen

Bij het indienen van thema's bij de HubSpot Asset Marketplace moet aan de volgende eisen worden voldaan:

4.1 Thema's moeten themavelden bevatten (thema-instellingen):
  • Themes.json moet beschrijvende naam, label, voorbeeldpad en een preview image_url bevatten.
  • Themavelden moeten waar nodig logisch worden gegroepeerd (bijv. meerdere velden met betrekking tot typografie moeten worden gegroepeerd).
  • Thema-instellingen mogen niet in strijd zijn met redactiestijlen of stijlen die via een module zijn ingesteld.
  • Thema-instellingen moeten een beschrijvend label hebben zodat de gebruiker weet dat ze veranderen.
  • Thema-instellingen moeten van toepassing zijn op alle sjablonen binnen een thema, tenzij er een specifieke use case is voor extra stijl (bijvoorbeeld een wijziging in h1s moet alle h1s updaten, niet de sjablonen van ⅗ in het thema).
4.2 Thema's moeten worden gebouwd met behulp van gecodeerde bestanden.
  • De thema's moeten minimaal de volgende sjablonen bevatten:
    • Website sjabloon
    • Landingspaginasjabloon
    • Blog sjablonen:
      • Blogtemplateau
      • Blog postsjabloon
  • Systeemsjablonen:
      • 404 Foutsjabloon
      • 500 foutsjabloon
      • Wachtwoordprompt sjabloon
      • Abonnementssjabloon
      • Abonnementen update sjabloon
      • Back-up uitschrijf sjabloon
      • Sjabloon voor zoekresultaten
4.3 De thema's moeten minimaal de volgende thema's bevatten:
  • Typografie:
    • Tekstveld voor het lettertype van het lichaam
    • H1 - h6 lettertypes
    • Link kleur (minimum van :link, :bezocht)
  • Formulieren:
    • Koptekst achtergrond
    • Koptekst (minimum aan kleur)
    • Vorm achtergrondkleur
    • Vorm grenskleur
    • Kleur van het formulierlabel
    • Kleur van de vormrand
    • Vorm veld focus rand kleur
    • Formulierknop tekst (minimum van kleur)
    • Vormknop achtergrondkleur

4.4 Activa die binnen het thema worden gebruikt, moeten een lokaal bestandspad/get_asset_url gebruiken.


4.5 Thema's moeten gebruik maken van Drag & Drop gebieden.

4.6 Thema's moeten gebruik maken van globale partials:

  • Voorbeelden van globale partials zijn 'header, footer'.

4.7 Thema's moeten een taalschakelaar op alle sjablonen bevatten.

4.8 Als een thema op jQuery berust, moet een versie van jQuery worden opgenomen in het geval dat deze niet standaard in het account van een klant is geladen.

4.9 Thema's moeten een 12-kolommenraster respecteren dat wordt ondersteund binnen de HubSpot pagina-editor.

4.10 Sjablonen die in het thema worden gebruikt, mogen niet als individuele sjablonen worden ingediend.

4.11 Module-iconen mogen niet voor alle themamodules hetzelfde zijn.

4.12 Module-etiketten moeten het doel van de module beschrijven.

4.13 Thema's mogen niet meer dan 50 templates bevatten.

4.14 Thema's mogen niet groter zijn dan 50 modules.

5. 5. Website & landingspagina sjabloon Vereisten

5.1 Alle standaardmodules moeten voldoende gestileerd zijn om te kunnen worden gebruikt. Elke module die aan een pagina wordt toegevoegd moet overeenkomen met de stijl van het sjabloon. Deze lijst omvat, maar is niet beperkt tot:

  • Kopmodules.
  • Formulier & Abonnementsmodules:
    • Formulier Labels.
    • Formulierinvoervelden.
    • Checkboxen & Radioknoppen.
    • Keuzeknoppen.
    • Knoppen 'Verzenden'.
  • Beeldmodules.
  • Beeldschuifmodules.
  • Social Sharing Titles.
  • Post Listing & Post Filter Modules.
  • Menu Modules.
  • Zoekmodules.
  • RSS-modules.

Voor meer informatie, zie HubSpot's Boilerplate CSS bestand.

5.2 Aangepaste modules en globale modules kunnen worden gebruikt in website- en landingspagina-sjablonen.

5.3 Sjablonen moeten ten minste één globale groep bevatten.

6. 6. Blog-specifiek sjabloon Vereisten

6.1 Blog Post of Blog Listings sjablonen kunnen worden gebruikt.

  • Verduidelijking: De sjabloontitel moet aangeven dat een sjabloon specifiek bedoeld is voor een Blog Post of Blog Listing.

6.2 Commentaar moet worden gestyled.

  • Verduidelijking: commentaren moeten worden getest en gestyled in overeenstemming met de stijl van het blogsjabloon. Dit houdt in:
    • Commentaar van de ouders.
    • Commentaar Reacties.

6.3 Auteurs moeten worden gestileerd.

6.4 Aangepaste modules, globale modules en globale groepen kunnen worden gebruikt in blogtemplates.

7. 7. Vereisten voor de e-mail template

7.1 E-mailsjablonen moeten de module Locatie-informatie van het Bureau bevatten, waarin de penningen zijn opgenomen
:

  • Naam
  • Straatadres 1
  • Straatadres 2
  • Stad
  • Geef aan
  • Zip
  • Type e-mail

7.2 Aangepaste modules kunnen worden gebruikt in e-mailsjablonen.

8. 8. Vereisten voor het sjabloonpakket

8.1 Alle sjablonen Packs met uitzondering van E-mail Template Packs moeten dezelfde stylesheet gebruiken.

8.2 Sjablonenpakketten mogen niet groter zijn dan 100 sjablonen.

9. 9. Aanvullende opmerkingen over het proces

9.1 HubSpot behoudt zich het recht voor om sjablonen af te wijzen om redenen die hierboven niet zijn genoemd, hoewel de QA-engineer in dergelijke gevallen feedback zal geven via e-mail.

9.2 Ons Quality Assurance (QA) team werkt vanuit een wachtrij van ingediende sjablonen. Sjablonen die niet door de QA komen voor het overtreden van een van deze richtlijnen zullen worden verplaatst naar de bodem van die wachtrij wanneer ze opnieuw worden ingediend.

9.3 Houd er rekening mee dat HubSpot geen informatie kan geven over de plaats van uw template in de wachtrij. Als u de aanwijzingen hier op de voet volgt, kunt u er zeker van zijn dat uw sjabloon de eerste keer dat hij door het QA-proces gaat, doorloopt, maar als het volume fluctueert, kan ons team geen tijdsbestek geven waarin uw sjabloon wordt geïnspecteerd.

9.4 Aanbieders moeten hun eigen werk ondersteunen als er problemen zijn met de code.

9.5 Aanbieders mogen hun eigen lijsten niet herzien.

9.6 Aanbieders moeten desgevraagd een gedetailleerd ontvangstbewijs kunnen overleggen, inclusief:

  • Sjabloongegevens
  • Datum van aankoop
  • Prijs van het sjabloon
  • Sjabloonleverancier bedrijfsinformatie
  • Marktplaats inzendingen worden verwijderd als er bugs aanwezig zijn.
  • Marktplaats inzendingen zullen worden verwijderd als de activa van een derde partij breken.
  • Aanbieders zijn verantwoordelijk voor alle code en bestanden die worden geüpload.
  • Activa mogen niet worden gevolgd zonder hun geïnformeerde, expliciete opt-in toestemming.
  • Activa en hun ontwikkelaars mogen niets illegaals, oneerlijk of moreel beledigend doen.

9.10 Inzendingen die 180 dagen of langer niet worden gedownload, worden automatisch van de Marktplaats verwijderd.

10. 10. Disclaimer

10.1 Sjablonen mogen geen activa van derden bevatten die niet in licentie zijn gegeven voor distributie. Items omvatten:

  • Texturen, foto's en andere kunstwerken
  • Iconen en sprites
  • Lettertypen
  • Multimedia inclusief geluiden, video's en muziek

10.2 Sjablonen moeten binnen drie herindieningen worden goedgekeurd of zullen automatisch mislukken.

10.3 Aanbieders dienen gebruik te maken van Stripe Payment Gateway indien van toepassing in het land waar zij actief zijn.

10.4 HubSpot is niet verantwoordelijk voor Payment Gateway (Paypal of Stripe) problemen die zich kunnen voordoen tijdens het aankoopproces.

10.5 Ingediende sjablonen die in strijd zijn met de auteursrechtwetgeving zullen onmiddellijk worden verwijderd en de aanbieder zal worden verbannen van de HubSpot Marktplaats.

10.6 Het sjabloon kan geen afbeeldingen van de Shutterstockintegratie bevatten.

10.7 De volgende activiteiten zijn niet toegestaan op de HubSpot Marktplaats of de sites waarnaar de HubSpot Marktplaats linkt:

  • Het bevorderen van of deelnemen aan illegale activiteiten
  • Afwijkende, kleinerende en/of kwaadaardige inhoud
  • Aanstootgevende inhoud over ras, religie, leeftijd, geslacht of seksuele geaardheid
Was dit artikel nuttig?
Dit formulier wordt alleen gebruikt voor feedback op documentatie. Ontdek hoe je hulp krijgt met HubSpot.