Erfahren Sie mehr über die Standardmodule, die HubSpot für das Erstellen von Website Seiten-, Blogbeitrags- und Blog-Listing-Vorlagen bereitstellt. Diese Module sind getrennt von den Standard-E-Mail-Modulen, die für E-Mail-Vorlagen gedacht sind.
hs fetch @hubspot/linked_image.module
).
Um den Code eines Standardmoduls anzuzeigen, können Sie das Modul im @hubspot
-Ordner des Design-Managers anzeigen und kopieren. Im Code verwenden einige Standardmodule die Standard-Account-ID 7052064 und nicht diejenige, die zum aktuellen Account gehört.
cta
header
linked_image
logo
post_filter
post_listing
section_header
social_sharing
text
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
select_blog | Blog | Der Blog, der für das Modul verwendet werden soll. | |
title | String | Titel für das Modul (umhüllt von einem h3-Tag) | "Subscribe Here!" |
response_message | Rich-Text | Die Nachricht, die beim Einsenden des Formulars angezeigt wird. | Thanks for subscribing! |
blog_listing
-Modul, das veraltet war.Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
layout | Auswahl | Der Inhalt Layout für jede Blogbeitragsvorschau.
| grid |
columns | Zahl | Bei Verwendung des grid -Layouts wird die Anzahl der Beiträge pro Zeile angegeben. Kann 2 , 3 oder 4 sein. | 3 |
alternateImage | Boolesch | Wenn Sie das sideBySide -Layout verwenden, legen Sie dies auf true fest, um das Feature-Bild abwechselnd auf der rechten und linken Seite der Beitragsvorschau auszurichten. | false |
fullImage | Boolesch | Wenn Sie das grid - oder das singleColumn -Layout verwenden, legen Sie dieses Feld auf true fest, um das Feature-Bild zum Hintergrund der Beitragsvorschau zu machen. | false |
displayForEachListItem | Array | Der Inhalt, der in jeder Blogbeitragsvorschau enthalten sein soll. Die Auswahlmöglichkeiten umfassen:
| [ 'image', 'title', 'authorImage', 'authorName', 'tags', 'publishDate', 'description', 'button' ] |
buttonText | Zeichenfolge | Der Text, der auf der Schaltfläche „Mehr lesen“ angezeigt wird, falls enthalten. | Read more |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
select_blog | Blog | Wählen Sie einen anzuzeigenden Blog aus. Standardmäßig wird bei Nutzung in einer Blogvorlage der aktuelle Blog und bei anderweitiger Nutzung der Hauptblog verwendet. | |
filter_type | Auswahl | Typ der Filterung der anzuzeigenden Links. Die Auswahlmöglichkeiten umfassen:
| tag |
order_by | Auswahl | Sortierung für die Werte von Filter-Links. Die Auswahlmöglichkeiten umfassen:
| post_count |
list_title | Text | Eine H3-Überschrift. | "Posts by Tag" |
max_links | Zahl | Anzahl der anzuzeigenden Filterlinks. Lassen Sie diese Angabe leer, um alle anzuzeigen. | 5 |
expand_link_text | Text | Text, der angezeigt werden soll, wenn mehr als der anzuzeigende max_links -Wert verfügbar ist. | "See all" |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
select_blog | Blog | Wählen Sie einen anzuzeigenden Blog aus. Standardmäßig wird bei Nutzung in einer Blogvorlage der aktuelle Blog und bei anderweitiger Nutzung der Hauptblog verwendet. | |
listing_type | Auswahl | Der Typ des Listings für Ihre Beiträge. Die Auswahlmöglichkeiten umfassen:
| recent |
list_title | Text | Eine H3-Überschrift. | "Recent Posts" |
max_links | Zahl | Maximale Anzahl an anzuzeigenden Beiträgen. | 5 |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
link | Link | Die URL, zu der die Schaltfläche weiterleitet. | { "url": { "type": "EXTERNAL", "href": "www.hubspot.com", "content_id": null }, "open_in_new_tab": false, "no_follow": false } |
button_text | Text | Text, der auf der Schaltfläche angezeigt wird. | "Add a button link here" |
style | Objekt |
| { "override_default_style": false, "button_font": { "color": "#FFFFFF", "size_unit": "px" }, "button_color": { "color": "#000000", "opacity": 100 }, "text_hover_color": { "color": "#000000", "opacity": 100 }, "button_hover_color": { "color": "#CCCCCC", "opacity": 100 } } |
Parameter | Typ | Beschreibung |
---|---|---|
guid | Zeichenfolge | GUID des CTA. |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
height | Zahl | Pixel-(px)-Höhe der Trennlinie. | 1 |
width | Zahl | Breite der Trennlinie als Prozentsatz (%). | 50 |
color | Farbe | Farbe (Hex-Wert) und Deckkraft (Zahl) der Trennlinie. | { "color": "#000000", "opacity": 100 } |
line_type | Auswahl | Typ der Linie. Die Auswahlmöglichkeiten umfassen:
| solid |
alignment | Auswahl | Horizontale Ausrichtung der Trennlinie. Die Auswahlmöglichkeiten umfassen:
| center |
show_padding | Boolesch | Blendet die obere und untere Umrandung der Trennlinie ein/aus. | false |
padding | Zahl | Pixel-Wert (px) für die obere und untere Umrandung der Trennlinie. Option verfügbar, wenn show_padding gleich true . | 5 |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
title | Text | H3-Überschrift | |
form | Objekt | Formularobjekt, einschließlich:
| festgelegt ist |
{ "form_id": "", "response_type": "redirect", "message": "Thanks for submitting the form.", "redirect_id": null, "redirect_url": "http://www.google.com" } | |||
notifications_are_overridden | Boolesch | E-Mail, an die anstelle der Standard-E-Mail eine Formularbenachrichtigung gesendet wird. | false |
notifications_override_email_addresses | Kommagetrennte Liste von E-Mails, an die gesendet werden soll, wenn notifications_are_overridden gleich true . | ||
follow_up_type_simple | Boolesch | Das Senden einer Follow-up-E-Mail ist aktiviert. | false |
simple_email_for_live_id | Follow-up-E-Mail | ID der Follow-up-E-Mail. Verfügbar, wenn follow_up_type_simple gleich true . | |
sfdc_campaign | Salesforce-Kampagne | Wenn die Salesforce-Integration aktiv ist, die Kampagnen-ID. |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
value | Text | Text für die Überschrift. | "A clear and bold header" |
header_tag | Auswahl | Wählen Sie eine Überschriftenebene aus. Auswahlmöglichkeiten umfassen h1 bis h6 . | h1 |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
name | Zeichenfolge | Der Name des Symbols. | "hubspot" |
purpose | Auswahl | Eine Barrierefreiheitsoption, die den Zweck des Symbols für Bildschirmleseprogramme kategorisiert. Verfügbare Werte sind:
| "decorative" |
title | Zeichenfolge | Eine Barrierefreiheitsoption, die dem Symbol einen Titel zuweist. | |
style | Zeichenfolge | Der Typ des Symbols. Kann einer der folgenden Werte sein: solid , regular , light , thin oder duotone . | "solid" |
unicode | ZeichenfolgeDer Unicode-Wert des Symbols | . | f3b2 |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
img | Bild | Bildobjekt, das Folgendes enthält:
| { "src": "https://static.hubspot.com/final/img/content/email-template-images/placeholder_200x200.png", "alt": "placeholder_200x200", "loading": "disabled", "width": 200, "height": 200 } |
link | Text | Optionaler Link für das Bild. | |
target | Boolesch | Öffnet Link in neuer Registerkarte. | false |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
slides | Objekt | Objekt, das Informationen für jede Folie enthält. Objekt enthält:
| [ { "show_caption": false, "open_in_new_tab": false } ] |
display_mode | Auswahl | Anzeigemodus der Bildergalerie. Die Auswahlmöglichkeiten umfassen:
| standard |
lightboxRows | Zahl | Anzahl der Zeilen in der Lightbox-Galerie, wenn display_mode gleich lightbox . | 3 |
loop_slides | Boolesch | Ermöglicht das Durchlaufen der Folien in einer Schleife mit „Weiter“/“Zurück“, wenn display_mode gleich standard oder thumbnail . | true |
auto_advance | Boolesch | Wechselt automatisch zur nächsten Folie, wenn display_mode gleich standard oder thumbnail . | true |
num_seconds | Zahl | Zeitspanne (Sekunden) zwischen dem Wechsel zur nächsten Folie, wenn display_mode gleich standard oder thumbnail . | 5 |
show_pagination | Boolesch | Zeigt Navigationsschaltflächen an, wenn display_mode gleich standard oder thumbnail . | true |
sizing | Auswahl | Legt die Höhe der Folien fest, wenn display_mode gleich standard oder thumbnail . Die Auswahlmöglichkeiten umfassen:
| static |
transition | Auswahl | Folienübergangsstile, wenn display_mode gleich standard oder thumbnail . Die Auswahlmöglichkeiten umfassen:
| slide |
caption_position | Auswahl | Position der Folienbeschriftungen, wenn display_mode gleich standard oder thumbnail . Die Auswahlmöglichkeiten umfassen:
| below |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
slides | Objekt | Objekt, das Informationen für jede Folie enthält. Objekt enthält:
| [ { "show_caption": false, "open_in_new_tab": false } ] |
display_mode | Auswahl | Anzeigemodus der Bildergalerie. Die Auswahlmöglichkeiten umfassen:
| standard |
lightboxRows | Zahl | Anzahl der Zeilen in der Lightbox-Galerie, wenn display_mode gleich lightbox . | 3 |
loop_slides | Boolesch | Ermöglicht das Durchlaufen der Folien in einer Schleife mit „Weiter“/“Zurück“, wenn display_mode gleich standard oder thumbnail . | true |
auto_advance | Boolesch | Wechselt automatisch zur nächsten Folie, wenn display_mode gleich standard oder thumbnail . | true |
num_seconds | Zahl | Zeitspanne (Sekunden) zwischen dem Wechsel zur nächsten Folie, wenn display_mode gleich standard oder thumbnail . | 5 |
show_pagination | Boolesch | Zeigt Navigationsschaltflächen an, wenn display_mode gleich standard oder thumbnail . | true |
sizing | Auswahl | Legt die Höhe der Folien fest, wenn display_mode gleich standard oder thumbnail . Die Auswahlmöglichkeiten umfassen:
| static |
transition | Auswahl | Folienübergangsstile, wenn display_mode gleich standard oder thumbnail . Die Auswahlmöglichkeiten umfassen:
| slide |
caption_position | Auswahl | Position der Folienbeschriftungen, wenn display_mode gleich standard oder thumbnail . Die Auswahlmöglichkeiten umfassen:
| below |
Parameter | Typ | Beschreibung |
---|---|---|
slides | Feldgruppe | Eine Feldgruppe mit den folgenden Feldern:
|
slideshow_settings | Feldgruppe | Die Feldgruppe für die Einstellungen des Bildschiebereglers. Enthält die folgenden Feldgruppen:
|
default_text | Feldgruppe | Die Standardtextelemente des Moduls, einschließlich:
|
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
display_mode | Auswahl | Die Sprache des Textes in der Sprachumschaltung. Die Optionen umfassen:
| localized |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
img | Bild | Bildobjekt, das Folgendes enthält:
| { "override_inherited_src": false, "src": null, "alt": null } |
link | Text | Optionaler Link für das Logo. Wenn keine URL angegeben wird, verlinkt Ihr Logo zu der Logo-URL, die in Ihren Markeneinstellungen festgelegt ist. | |
open_in_new_tab | Boolesch | Öffnet Link in neuer Registerkarte. | false |
suppress_company_name | Boolesch | Blendet den Unternehmensnamen aus, wenn ein Bild nicht ausgewählt ist. | true |
heading_level | Auswahl | Wählt eine Überschriftenebene aus, wenn kein Bild ausgewählt ist und suppress_company_name gleich false ist. Die Auswahlmöglichkeiten umfassen h1 bis h6 . | h1 |
Parameter | Typ | Beschreibung |
---|---|---|
group_logos | Array | Ein Array, das ein Objekt für jedes Logo im Raster enthält. |
logo | Objekt | In group_logos , ein Objekt für jedes Logo im Raster. Jedes Logo kann die folgenden Parameter enthalten:
|
styles | Array | Ein Array, das die Stilfelder enthält, die sich auf das Rasterlayout, die Logocontainer und die Logo-Bilder auswirken. Dieses Array enthält die folgenden Stilgruppen:
|
Parameter | Typ | Beschreibung |
---|---|---|
meeting | Meeting | Wählen Sie einen Meetinglink aus. |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
facebook_appid | Zeichenfolge | Ihre Facebook-App-ID. | |
facebook_enabled | Boolesch | Aktiviert die Schaltfläche für die Facebook-Anmeldung. facebook_appid ist erforderlich. | False |
google_clientid | Zeichenfolge | Ihre Google-Client-ID. | |
google_enabled | Boolesch | Aktiviert die Schaltfläche für die Google-Anmeldung. google_clientid ist erforderlich. | False |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
id | Menü | ID des Menüs. | |
root_type | Auswahl | Erweiterter Menütyp. Die Auswahlmöglichkeiten umfassen:
| site_root |
max_levels | Auswahl | Gibt die Anzahl der untergeordneten Menüebenen an, auf die erweitert werden kann. Die Auswahlmöglichkeiten umfassen 1 bis 10 | 2 |
flow | Auswahl | Ausrichtung des Menüs. Die Auswahlmöglichkeiten umfassen:
| horizontal |
flyouts | Boolesch | Aktiviert die Funktion für untergeordnete Menüelemente. | true |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
submit_button_text | Text | Text, der auf der Einsende-Schaltfläche angezeigt wird. | "Submit" |
password_placeholder | Text | Platzhaltertext für das Passwortfeld. | "Password" |
bad_password_message | Rich-Text | Nachricht zum Anzeigen, wenn ein Passwort falsch eingegeben wurde. | "Sorry, please try again. " |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
payment | Zeichenfolge | Um festzulegen, dass das Modul einen bestimmten Zahlungslink verwendet, geben Sie die ID des Zahlungslinks ein. Sie finden die ID in der URL, während Sie den Zahlungslink bearbeiten. | |
checkout_location | Zeichenfolge | Legt fest, ob das Zahlungsformular in einer neuen Registerkarte oder in einer Überlagerung geöffnet werden soll. Verfügbare Werte sind:
| "new_tab" |
button_text | Zeichenfolge | Legt den Text für die Checkout-Schaltfläche fest. | "Checkout" |
button_target | Auswahl | Gibt an, ob die Schaltfläche einen Zahlungslink von HubSpot oder einen externen Link verwendet. Die Auswahlmöglichkeiten umfassen:
| "payment_link" |
button_link | Link | Wenn button_target auf custom_link festgelegt ist, wird mit dieser Option das Ziel des externen Links festgelegt. Folgende Linktypen werden unterstützt:
| EXTERNAL |
Parameter | Typ | Beschreibung |
---|---|---|
product | Produkt | Das anzuzeigende Produkt, angegeben durch die Produkt-ID. |
group_button | Feldgruppe | Standardmäßig enthält das Modul eine Schaltfläche, die den Benutzer zur festgelegten URL des Produkts führt. Um das Ziel der Schaltfläche anzupassen, fügen Sie diese optionale Feldgruppe zusammen mit den folgenden Feldern hinzu:
|
button_override | Objekt | In der group_button -Feldgruppe legt dies das URL-Verhalten der Schaltfläche fest, wenn override_product_button auf true festgelegt ist. Enthält die folgenden Felder:
url -Feld können Sie den Typ des Ziels über das type -Feld festlegen, das die folgenden Inhaltstypen unterstützt:
|
group_name | Feldgruppe | Standardmäßig zeigt das Modul den Produktnamen oben im Modul als h3 an. Um den Namen anzupassen, fügen Sie diese optionale Feldgruppe zusammen mit den folgenden Feldern hinzu:
|
group_description | Feldgruppe | Standardmäßig zeigt das Modul die festgelegte Beschreibung des Produkts an. Um die Beschreibung anzupassen, berücksichtigen Sie diese optionale Feldgruppe zusammen mit den folgenden Feldern:
|
group_image | Feldgruppe | Standardmäßig zeigt das Modul das festgelegte Bild des Produkts an. Um dieses Bild anzupassen, fügen Sie diese optionale Feldergruppe mit den folgenden Feldern hinzu:
|
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
button_text | Zeichenfolge | Der Text, der auf der Download-Schaltfläche angezeigt wird. | Download |
download_error | Zeichenfolge | Fehlermeldung, die angezeigt wird, wenn der Download fehlschlägt. | There was a problem downloading the quote. Please try again. |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
heading_text | Zeichenfolge | Die Überschrift, die über dem Zahlungsabschnitt einer Angebotsvorlage angezeigt wird. | Payment |
heading_tag | Auswahl | Der Typ der Überschrift, die für die Anzeige von heading_text verwendet wird. Die Werte umfassen: h1 , h2 , h3 , h4 , h5 , h6 . | h3 |
checkout | Zeichenfolge | Der Text für die Zahlungsschaltfläche. | Pay now |
needs_signature | Zeichenfolge | Schaltflächentext, wenn eine Unterschrift erforderlich ist. | Payment can't be made because the quote isn't fully signed. |
checkout_error | Rich-Text | Nachricht, die angezeigt wird, wenn während des Checkouts ein Fehler auftritt. | There was a problem setting up checkout. Please contact the person who sent you this quote. |
payment_status_error | Rich-Text | Nachricht, die angezeigt wird, wenn beim Zahlungsversuch ein Fehler auftritt. | There was a problem loading the payment status for this quote. Please try refreshing the page. |
paid | Zeichenfolge | Eine Statusanzeige für eine erfolgreiche Zahlung. | Paid |
payment_processing | Zeichenfolge | Eine Statusanzeige für die Zahlungsabwicklung. | Payment processing |
esignature
-Objekts verfügbar:
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
pretext | Rich-Text | Erläuterungstext für die elektronische Unterschrift. | Before you sign this quote, an email must be sent to you to verify your identity. Find your profile below to request a verification email. |
verify_button | Zeichenfolge | Text, der auf der Verifizerungsschaltfläche angezeigt wird. | Verify to sign |
failure | Zeichenfolge | Hinweistext, der angezeigt wird, wenn die Unterschriftsinformationen nicht abgerufen werden können. | There was a problem retrieving the signature information. Please reload the page. |
verification_sent | Zeichenfolge | Eine Statusanzeige, die angezeigt wird, wenn die Verifizierungsanfrage erfolgreich an den Unterzeichner des Angebots gesendet wurde. | Verification sent |
signed | Zeichenfolge | Text, der angezeigt wird, wenn das Angebot erfolgreich unterzeichnet wurde. | Signed |
print_signature
-Objekts verfügbar:
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
header | Rich-Text | Text, der am Anfang des Unterschriftsabschnitts angezeigt wird. | Signature |
signature | Zeichenfolge | Text, der neben dem Unterschriftsfeld angezeigt wird. | Signature |
date | Zeichenfolge | Text, der neben dem Datumsfeld angezeigt wird. | Date |
printed_name | Zeichenfolge | Text, der neben dem Feld für den gedruckten Namen angezeigt wird. | Printed name |
countersignature | Objekt | Ein Objekt, das Inhalte für den Abschnitt mit der Gegenzeichnung enthält. Dieses Objekt kann die folgenden Felder enthalten:
| Signed |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
title | Text | Der Titel der Artikelspalte. | Column description |
use_additional_product_property | Boolesch | Zeigt ein Kontrollkästchen an, um Benutzern die Auswahl zusätzlicher Artikelspalten von den Produkteigenschaften zu ermöglichen. | False |
additional_product_properties | Auswahl | Eine Produkteigenschaft. Die Auswahlmöglichkeiten umfassen:
| |
crm_product_property | CRM-Objekteigenschaft | Wählen Sie eine beliebige Produkteigenschaft aus, die als Spaltenüberschrift für den Artikel angezeigt werden soll. |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
html | Rich-Text | HTML-Block. | ## Something Powerful \n ### Tell The Reader More \n The headline and subheader tells us what you're [offering](https://developers.hubspot.de/docs\"#\"), and the form header closes the deal. Over here you can explain why your offer is so great it's worth filling out a form for. \n Remember: \n<ul>\n<li>Bullets are great</li>\n<li>For spelling out [benefits](https://developers.hubspot.de/docs\"#\") and</li>\n<li>Turning visitors into leads.</li>\n</ul> |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
title | Text | Eine H3-Überschrift. | "Test" |
rss_feed_type | Auswahl | Typ des RSS-Feeds. Die Auswahlmöglichkeiten umfassen:
| blog |
rss_url | Text | RSS-URL, die verwendet werden soll, wenn rss_feed_type gleich external . | |
content_group_id | Blog | ID des zu verwendenden Blogs, wenn rss_feed_type gleich blog . | |
topic_id | Tag | (optional) ID des Tags, nach dem gefiltert werden soll, wenn rss_feed_type gleich blog . | |
number_of_items | Zahl | Maximale Anzahl an anzuzeigenden Beiträgen. | 5 |
include_featured_image | Boolesch | Fügt das Feature-Bild ein. | false |
show_author | Boolesch | Zeigt den Namen des Autors an. | true |
attribution_text | Text | Der Text, der einem Beitrag einen Autor zuschreibt. Wird angezeigt, wenn show_author gleich true ist. | "by" |
show_detail | Boolesch | Zeigt den Beitragszusammenfassungstext an. | true |
limit_to_chars | Zahl | Beschränkt die Länge des Zusammenfassungstextes, wenn show_detail gleich true ist. | 200 |
click_through_text | Text | Der Text, der am Ende der Zusammenfassung eines Beitrags für den Clickthrough-Link angezeigt wird, wenn show_detail gleich true ist. | "Read more" |
show_date | Boolesch | Zeigt das Veröffentlichungsdatum an. | true |
publish_date_format | Auswahl | Format für das Veröffentlichungsdatum, wenn show_date gleich true ist. Die Auswahlmöglichkeiten umfassen:
| short |
publish_date_text | Text | Der Text, der angibt, wann ein Beitrag veröffentlicht wurde, wenn show_date gleich true ist. | "posted at" |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
field_label | Text | Text des Labels für die Sucheingabe. | |
placeholder | Text | Platzhaltertext für das Eingabefeld. | "Search" |
include_search_button | Boolesch | Fügt eine Suchen-Schaltfläche ein. | false |
content_types | Objekt | Welche Inhaltstypen in die Suchergebnisse aufgenommen werden sollen. Objekt enthält die folgenden Schlüssel mit booleschen Werten:
| { "website_pages": true, "landing_pages": false, "blog_posts": true, "knowledge_articles": false } |
results | Objekt | Ein Objekt, das Steuerelemente für die Verwendung einer benutzerdefinierten Seite für Suchergebnisse aktiviert. Umfasst die folgenden Eigenschaften:
|
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
display_featured_images | Boolesch | Zeigt Feature-Bilder für Artikel an. | false |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
header | Text | Bereichs-Header-Content. | "A clear and bold header" |
heading_level | Auswahl | Überschriftenebene für den header . Die Auswahlmöglichkeiten umfassen h1 bis h6 . | h1 |
subheader | Text | Text für den Unterüberschriften-Absatz für den Abschnitt. | "A more subdued subheader" |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
menu_tree | Einfaches Menü | „Einfaches Menü“-Objekt. | [] |
orientation | Auswahl | Ausrichtung des Menüs. Die Auswahlmöglichkeiten umfassen:
| horizontal |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
link | Text | Der Ziel-Link für die im Editor hinzugefügte Social-Media-Seite. | |
open_in_new_window | Boolesch | Bei Festlegung auf false wird der Link in derselben Browser-Registerkarte geöffnet. | true |
is_podcast | Boolesch | Auf true festlegen, um ein Podcast-Symbol anstelle des Standard- oder benutzerdefinierten Symbols anzuzeigen. | false |
customize_alt_text | Boolesch | Standardmäßig wird der ALT-Text automatisch generiert. Wenn dies auf true festgelegt ist, können Sie den standardmäßigen ALT-Text mithilfe des aria_label -Feldes mit einem benutzerdefinierten Wert überschreiben. | false |
aria-label | Zeichenfolge | Wenn customize_alt_text gleich true ist, legt dieses Feld das Symbol ALT-Text fest (z. B. Follow us on Facebook ). Dieser Text wird von Bildschirmleseprogrammen vorgelesen, um das Symbol für sehbehinderte Benutzer zu beschreiben. | False |
customize_icon | Boolesch | Standardmäßig werden Symbole automatisch auf der Grundlage der Link-URL ausgefüllt. Wenn dies auf true festgelegt ist, können Sie das custom_icon -Feld verwenden, um eines der anderen bereitgestellten Symbole auszuwählen (Font Awesome 6.4.2). | false |
custom_icon | Symbol | Wenn customize_icon auf true festgelegt ist und is_podcast ist false , verwenden Sie dieses Feld, um ein benutzerdefiniertes Symbol aus dem angegebenen Satz anzugeben. Die verfügbaren Symbole stammen von Font Awesome 6.4.2. |
social_link_url
in der Standardspalte unten hat den gleichen Wert wie der link
-Parameter.
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
link | Text | Dies ist der Ziel-Link, der zum leichteren Teilen in Social-Media-Netzwerken gekürzt wird. | |
facebook | Objekt | Objekt, das Folgendes enthält:
| { "enabled": false, "custom_link_format": "http://www.facebook.com/share.php?u={{ social_link_url }}" } |
twitter | Objekt | Objekt, das Folgendes enthält.
| { “enabled”: false, “custom_link_format”: “https://twitter.com/intent/tweet?original_referer=\{\{ social_link_url }}&url={{ social_link_url }}&source=tweetbutton&text={{ social_page_title|urlencode }}” } |
linkedin | Objekt | Objekt, das Folgendes enthält:
| { "enabled": false, "custom_link_format": "http://www.linkedin.com/shareArticle?mini=true&url={{ social_link_url }}" } |
pinterest | Objekt | Objekt, das Folgendes enthält:
| { "enabled": false, "custom_link_format": "http://pinterest.com/pin/create/button/?url={{ social_link_url }}&media={{ pinterest_media }}", "pinterest_media": { "src": "", "alt": null } } |
email | Objekt | Objekt, das Folgendes enthält:
| { "enabled": false, "custom_link_format": "mailto:?subject=Check out {{ social_link_url }} &body=Check out {{ social_link_url }}" } |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
tabs | Feldgruppe | Eine Feldgruppe, die das Registerkarten-Label und den Textinhalt jeder Registerkarte enthält. Enthält die folgenden Felder:
| "Some additional information in one line" |
fixed_height | Boolesch | Standardmäßig werden die Registerkarten auf eine feste Höhe festgelegt, damit die Containerhöhe beim Wechsel zwischen Registerkarten gleich bleibt. Sie können dies auf false festlegen, wenn die Höhe des Kartencontainers auf Registerkarten auf dem Inhalt der aktiven Registerkarte basieren soll. | False |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
value | Text | Fügen Sie Ihren Text zu diesem Parameter hinzu. | "Some additional information in one line" |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
video_type | Auswahl | Typ des Videos. Zu den Optionen gehören:
| embed |
hubspot_video | Videoplayer | Von HubSpot gehostetes Video. Wird verwendet, wenn video_type gleich hubspot_video . | |
embed_field | Einbettung | Unterstützt Einbettungstypen:
| |
oembed_thumbnail | Bild | Überschreibt oEmbed-Thumbnail-Bild, wenn video_type gleich embed und embed_field gleich oembed . | |
style_options | Objekt | Objekt, das Folgendes enthält oembed_thumbnail_play_button_color – Farbfeld. | {"oembed_thumbnail_play_button_color":"#ffffff"} |
placeholder_fields | Objekt | Objekt, das Folgendes enthält:
| {"placeholder_title":"No video selected", "placeholder_description":"Select a video type in the sidebar."} |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
url | Text | URL für Video. URLs von Vimeo und YouTube werden unterstützt. | "https://www.youtube.com/watch?v=X1Rr5BFO5rg" |
is_full_width | Boolesch | Legt das Video auf volle Breite fest (true ) oder legt Breite und Höhe manuell fest (false ). | true |
max_width | Zahl | Maximale Breite (Pixel) | 800 |
max_height | Zahl | Maximale Höhe (Pixel) | 450 |
Parameter | Typ | Beschreibung | Standard |
---|---|---|---|
whatsapp_number | URL | Wählen Sie aus den mit dem Account verknüpften WhatsApp-Kanälen aus. | |
optin_text | Auswahl | Der Opt-in- und Opt-out-Text. | |
whatsapp_display | Auswahl | Wählen Sie aus, ob die Schaltfläche Text, ein WhatsApp-Symbol oder beides anzeigt. Die Auswahlmöglichkeiten umfassen:
| text_and_icon |
icon_position | Auswahl | Die Position des Symbols auf der Schaltfläche. Die Auswahlmöglichkeiten umfassen left und right . | left |
button_text | Zeichenfolge | Der Text der Schaltfläche. | Chat on WhatsApp |
whatsapp_icon_title | Zeichenfolge | Der Symboltext für Bildschirmleseprogramme. | WhatsApp Icon |