diff --git a/content/en/docs/user-documentation/layout-builder/accordion/_index.md b/content/en/docs/user-documentation/layout-builder/accordion/_index.md index cf2bad8ad..ce12951c9 100644 --- a/content/en/docs/user-documentation/layout-builder/accordion/_index.md +++ b/content/en/docs/user-documentation/layout-builder/accordion/_index.md @@ -9,9 +9,7 @@ description: Expandable pairs of question/answer or header/section fields. **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Accordion Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Accordion Desktop.png>) -To use the Accordion block: - -- Click the **Layout** tab at the top of your page **Accordion** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -20,6 +18,4 @@ Fill in the content fields: - **Title**: The heading that will be used to expand/contract the accordion. - **Body**: The content of the accordion. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/cards/_index.md b/content/en/docs/user-documentation/layout-builder/cards/_index.md index 8f9bc825b..5498b9da2 100644 --- a/content/en/docs/user-documentation/layout-builder/cards/_index.md +++ b/content/en/docs/user-documentation/layout-builder/cards/_index.md @@ -11,9 +11,7 @@ The Cards block is similar to the [Grid CTA](../grid-cta) block, but has more fi **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Cards Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Cards Desktop.png>) -To use the Cards block: - -- Click the **Layout** tab at the top of your page **Cards** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -29,6 +27,4 @@ Fill in the content fields: - **Topic Tag**: This is displayed at the top of the card and can be used to group cards visually. - **CTA**: A link at the bottom of the card. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/carousel/_index.md b/content/en/docs/user-documentation/layout-builder/carousel/_index.md index 23c89f711..56376a20b 100644 --- a/content/en/docs/user-documentation/layout-builder/carousel/_index.md +++ b/content/en/docs/user-documentation/layout-builder/carousel/_index.md @@ -9,9 +9,7 @@ description: A full-width display with multiple sets of a header, description, a **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Carousels Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Carousels Desktop.png>) -To use the Carousel block: - -- Click the **Layout** tab at the top of your page **Carousel** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -24,6 +22,4 @@ Fill in the content fields: - **Description** - **CTA**: A link at the bottom of the carousel item. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md b/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md index 5e45bbda5..3eabcff1e 100644 --- a/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md +++ b/content/en/docs/user-documentation/layout-builder/grid-cta/_index.md @@ -11,9 +11,7 @@ The Grid CTA block is similar to the [Cards](../cards) block, but allows for mor **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Grid Content Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Grid Content Desktop.png>) -To use the Grid CTA block: - -- Click the **Layout** tab at the top of your page **Grid CTA** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -28,6 +26,4 @@ Fill in the content fields: - **Grid item media**: Chose from the library or add a new image or icon to be displayed above the item text. - **Grid item CTA**: A link at the bottom of the item. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/hero-banner/_index.md b/content/en/docs/user-documentation/layout-builder/hero-banner/_index.md index b146da373..6e40dfd16 100644 --- a/content/en/docs/user-documentation/layout-builder/hero-banner/_index.md +++ b/content/en/docs/user-documentation/layout-builder/hero-banner/_index.md @@ -9,9 +9,7 @@ description: A full-width, almost full-height display with a header, description **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Hero Banner Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Hero Banner Desktop.png>) -To use the Hero Banner block: - -- Click the **Layout** tab at the top of your page **Hero Banner** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -21,6 +19,4 @@ Fill in the content fields: - **Media**: Chose from the library or add a new image or icon to be displayed behind the banner text. - **CTA/Link**: A link at the bottom of the banner text. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/modal/_index.md b/content/en/docs/user-documentation/layout-builder/modal/_index.md index 5e9334ce7..3906b0c0f 100644 --- a/content/en/docs/user-documentation/layout-builder/modal/_index.md +++ b/content/en/docs/user-documentation/layout-builder/modal/_index.md @@ -16,13 +16,11 @@ description: A simple pop-up dialog that is triggered when a page loads. **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Modals Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Modals Desktop.png>) -To use the Modal block: +{{< readfile "../lb-add-block.partial" >}} -- Click the **Layout** tab at the top of your page -- Scroll to the location on the page where you want to add a block -- Click **Add block** -- In the sidebar, click **Create custom block** -- Choose **Modal** +{{% alert color=warning title=Note: %}} +The position on the page does not matter for the Modal block. It will always display as a popup in the center of the page and be completely hidden when dismissed. +{{% /alert %}} Fill in the content fields: @@ -32,6 +30,4 @@ Fill in the content fields: - **Modal CTA/Link** (required): A link at the bottom of the popup. - **Modal Dismissible**: If "Yes" the modal will be shown to the user once on first load. If "No" the modal will be shown on every page load. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} diff --git a/content/en/docs/user-documentation/layout-builder/partners/_index.md b/content/en/docs/user-documentation/layout-builder/partners/_index.md index 0f5a16849..b7c1d1d09 100644 --- a/content/en/docs/user-documentation/layout-builder/partners/_index.md +++ b/content/en/docs/user-documentation/layout-builder/partners/_index.md @@ -28,5 +28,4 @@ Fill in the content fields: - **Image**: The logo or image. - After filling in the fields for an item, click **Create custom block** to save the item. - {{< readfile "../lb-save-block.partial" >}} diff --git a/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md b/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md index cb5efdbd3..5ea9cdf35 100644 --- a/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md +++ b/content/en/docs/user-documentation/layout-builder/ping-pong/_index.md @@ -9,13 +9,7 @@ description: Usually paired sets of full-width page components that include medi **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Ping Pong Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Ping Pong Desktop.png>) -To use the Ping-Pong block: - -- Click the **Layout** tab at the top of your page -- Scroll to the location on the page where you want to add a block -- Click **Add block** -- In the sidebar, click **Create custom block** -- Choose **Ping-Pong** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -28,6 +22,4 @@ Fill in the content fields: - **Item image position**: Places the image on the left/right side of the page in full-width (desktop) displays. - **Item CTA/Link**: Add up to two links. The first will be displayed with "primary" (solid) styling, the second will be "secondary" (outline) styling. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/promo-card/_index.md b/content/en/docs/user-documentation/layout-builder/promo-card/_index.md index 193d79c19..d45eae59f 100644 --- a/content/en/docs/user-documentation/layout-builder/promo-card/_index.md +++ b/content/en/docs/user-documentation/layout-builder/promo-card/_index.md @@ -9,13 +9,7 @@ description: A title, headline, description, and link that usually display in th **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Promo Cards Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Promo Cards Desktop.png>) -To use the Promo Card block: - -- Click the **Layout** tab at the top of your page -- Scroll to the location on the page where you want to add a block -- Click **Add block** -- In the sidebar, click **Create custom block** -- Choose **Promo Card** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -25,6 +19,4 @@ Fill in the content fields: - **Icon/Image**: Chose from the library or add a new icon or image to be displayed above the card text. - **CTA**: A link at the bottom of the card. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md b/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md index 878ef57ee..f48855bc8 100644 --- a/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md +++ b/content/en/docs/user-documentation/layout-builder/simple-menu/_index.md @@ -9,9 +9,7 @@ description: A simple 1-level sidebar menu that can display in either the right **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Simple Menu Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Simple Menu Desktop.png>) -To use the Simple Menu block: - -- Click the **Layout** tab at the top of your page **Simple Menu** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -19,6 +17,4 @@ Fill in the content fields: - **Icon**: Optional icon (or small image) to be displayed to the left of the menu title. - **Links**: An unlimited number of internal or external links. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/statistics/_index.md b/content/en/docs/user-documentation/layout-builder/statistics/_index.md index f634061b5..de0a0e2c9 100644 --- a/content/en/docs/user-documentation/layout-builder/statistics/_index.md +++ b/content/en/docs/user-documentation/layout-builder/statistics/_index.md @@ -9,13 +9,7 @@ description: Infographic-like display that highlights relevant statistics to use **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Statistics Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Statistics Desktop.png>) -To use the Statistics block: - -- Click the **Layout** tab at the top of your page -- Scroll to the location on the page where you want to add a block -- Click **Add block** -- In the sidebar, click **Create custom block** -- Choose **Statistics** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -30,6 +24,4 @@ Fill in the content fields: Add an image or change the color of the block using the [Styles tab](../advanced-options). -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/table/_index.md b/content/en/docs/user-documentation/layout-builder/table/_index.md index ae6a13886..a6042c47a 100644 --- a/content/en/docs/user-documentation/layout-builder/table/_index.md +++ b/content/en/docs/user-documentation/layout-builder/table/_index.md @@ -11,13 +11,7 @@ The Table block also allows users to add simple content to the Landing Page (Lay **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Tables Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Tables Desktop.png>) -To use the Table block: - -- Click the **Layout** tab at the top of your page -- Scroll to the location on the page where you want to add a block -- Click **Add block** -- In the sidebar, click **Create custom block** -- Choose **Table** +{{< readfile "../lb-save-block.partial" >}} Fill in the content fields: @@ -28,6 +22,4 @@ Fill in the content fields: - To add a table in the editor, click the **Table** icon, then configure the table options in the popup. ![A screenshot of the table icon and properties popup.](lb_table_icon.png) - To edit an existing table properties, right click in the table and then choose an option from the menu. ![A screenshot of the table operations menu.](lb_table_menu.png) -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/tabs/_index.md b/content/en/docs/user-documentation/layout-builder/tabs/_index.md index f69561d24..dc5968639 100644 --- a/content/en/docs/user-documentation/layout-builder/tabs/_index.md +++ b/content/en/docs/user-documentation/layout-builder/tabs/_index.md @@ -9,13 +9,7 @@ description: Gives users the ability to switch page views by selecting in-page t **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Tabs Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Tabs Desktop.png>) -To use the Tabs block: - -- Click the **Layout** tab at the top of your page -- Scroll to the location on the page where you want to add a block -- Click **Add block** -- In the sidebar, click **Create custom block** -- Choose **Tabs** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -26,6 +20,4 @@ Fill in the content fields: - **Title**: The heading that will be used to select the tab. - **Body**: The content of the tab. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file diff --git a/content/en/docs/user-documentation/layout-builder/webform/_index.md b/content/en/docs/user-documentation/layout-builder/webform/_index.md index e2c711872..ac3aebd21 100644 --- a/content/en/docs/user-documentation/layout-builder/webform/_index.md +++ b/content/en/docs/user-documentation/layout-builder/webform/_index.md @@ -9,13 +9,7 @@ description: Embed an existing webform on a page. **Designs:** [Mobile](<../../../../../../assets/img/designs/lb/Webforms Mobile.png>) | [Desktop](<../../../../../../assets/img/designs/lb/Webforms Desktop.png>) -To use the Webform block: - -- Click the **Layout** tab at the top of your page -- Scroll to the location on the page where you want to add a block -- Click **Add block** -- In the sidebar, click **Create custom block** -- Choose **Webform** +{{< readfile "../lb-add-block.partial" >}} Fill in the content fields: @@ -25,6 +19,4 @@ Fill in the content fields: - **Webform** (required): Choose the Webform to embed on the page from the list of existing forms. - Expand **Webform settings** to access additional webform configuration, to open, close, or schedule the form. -Then save the block: - -- Click **Add block** in the editing pane. \ No newline at end of file +{{< readfile "../lb-save-block.partial" >}} \ No newline at end of file