--- title: "Configure content block properties for email templates in Marketing Pro" slug: "configure-content-block-properties-for-email-templates-in-marketing-pro" updated: 2026-10-16T00:58:42Z published: 2026-10-16T00:58:42Z canonical: "help.servicetitan.com/configure-content-block-properties-for-email-templates-in-marketing-pro" --- > ## Documentation Index > Fetch the complete documentation index at: https://help.servicetitan.com/llms.txt > Use this file to discover all available pages before exploring further. # Configure content block properties for email templates in Marketing Pro ## Overview Content blocks let you customize the appearance, placement, and behavior of elements in your content. By adjusting these properties, you can ensure your content is clean, easy to read, and looks great on both mobile and desktop devices. --- ### #### Who uses this feature - Marketing managers, business owners, and other marketers on your team - Primarily benefits Residential Service and Replacement business types and Commercial Service and Replacement business types - Applies to all trades #### Feature configuration - To get started with Marketing Pro, request a demo on our [Pro Products page](https://www.servicetitan.com/features/pro), or reach out to your Customer Success Manager (CSM) or Pro Account Manager (PAM). - The *Can access ServiceTitan Marketing Pro module* permission is required to use this feature. Please contact the account administrator on your team. ## Image properties Use these settings to customize the appearance and behavior of an image block: - **Width:** Set a specific width for the image or choose **Auto width** to automatically adjust the image's width to fit the available space. You can also choose to use the full width on mobile devices. ![Settings panel displaying width adjustment options and mobile display settings.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-4pzq5iyn.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Align:** Position the image to the **Left**, **Center**, or **Right**. ![Alignment options displayed with icons for text formatting in a user interface.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-88y4t8sj.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Dynamic image:** Enable this to use a **Dynamic Url** for the image source. The editor will display a sample image, but the final output will use the dynamic URL. Make sure the sample image and the dynamic image are the same size. ![Instructions for enabling dynamic images and setting sample image URL in editor.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-thwtdf0r.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Image:** Click **Change image** to upload your own image or search for free photos to use as the icon. You can also click **Apply effects** to add filters, resize, crop, or make other edits. ![Logo displayed prominently for branding and identification purposes on the webpage.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-2hxitzab.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Action:** Link the image to a specific action such as opening a web page, sending an email, making a call, or sending an SMS. ![Form fields for linking to a webpage with options for special links.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-mbnl7hdt.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Block Options:** - **Padding:** Control the spacing around the image block. You can apply padding to all sides or customize each side individually. - **Hide on:** Choose to hide the image block on **Desktop** or **Mobile** devices. By default, the block is visible on both. ![Settings panel displaying block options for padding and visibility adjustments.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-1lfdan8w.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) ## Button properties Customize the look and behavior of your buttons with these settings: - **Action:** Link the button to an action, like opening a web page, sending an email, making a call, or sending an SMS. ![Button properties section showing link type and URL input for web page action.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-9o45m5n4.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Button Options:** ![Settings for button options including font, color, padding, and border adjustments.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-jqi3yvvm.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Width:** Set a specific width for the button or choose **Auto width** to automatically adjust the image's width to fit the available space. - **Font:** Customize the text on the button by selecting the **Font family**, **Font weight** (regular or bold), and **Font size**. - **Color:** Choose the **Background color** of the button and the **Text color** of the button's label. - **Align:** Position the button to the **Left**, **Center**, or **Right**. - **Spacing:** Adjust the **Line height** and **Letter** **spacing** of the button text. - **Text direction:** Set the text direction from **Left to right** or **Right to left**. - **Border:** Add a **Border** and adjust the **Border radius** to make the button's corners rounded. Higher values create rounder corners, while lower values result in sharper corners. - **Block Options:** - **Padding:** Control the spacing around the button block. You can apply padding to all sides or customize each side individually. - **Hide on:** Choose to hide the button on **Desktop** or **Mobile** devices. By default, the block is visible on both. ![Settings panel displaying padding options and visibility controls for block elements.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-pmoj7brx.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) ## Divider properties Use these settings to customize the appearance and placement of a divider. - **Transparent:** Turn this on to create a transparent divider. If enabled, you can set the **Height**. ![Settings panel showing options for transparency and height adjustment controls.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-aojish04.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Line:** If the divider is not transparent, you can customize the divider by setting the line type and color, width, and alignment. ![Settings panel displaying options for line style, width, and alignment adjustments.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-xn4taibd.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Block Options:** - **Padding:** Control the spacing around the divider block. You can apply padding to all sides or customize each side individually. - **Hide on:** Choose to hide the divider on **Desktop** or **Mobile** devices. By default, the block is visible on both. ![Settings panel displaying block options for padding and visibility adjustments.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-b0odpr4k.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) ## Social properties Use these settings to add and customize social media icons: - **Select icon collection:** Select the icon set you want to use for your social media links. Each set includes an icon for Facebook, X (Twitter), Instagram, and LinkedIn. ![Icons for social media platforms including Facebook, Instagram, and LinkedIn for selection.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-akhne4gv.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Configure icon collection:** Set the **URL** for each of your social media sites. You can also: - Click **More options** to set the **Title** and **Alt text** for a site. - Click **+ Add new icon** to add more icons for other sites, such as Discord or YouTube. ![Configuration options for Facebook and Instagram icons with URLs and titles displayed.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-l7bnnmzk.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Align:** Position the icons to the **Left**, **Center**, or **Right**. ![Alignment options displayed with icons for text formatting in a user interface.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-8ihch7pk.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Icon spacing:** Adjust the amount of space between each social media icon. Higher values add more space, while lower values reduce the amount of space. ![Settings for icon spacing adjustment, currently set to ten units.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-owmvtaf0.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Block Options:** - **Padding:** Control the spacing around the social block. You can apply padding to all sides or customize each side individually. - **Hide on:** Choose to hide the social block on **Desktop** or **Mobile** devices. By default, the block is visible on both. ![Settings panel displaying padding options and visibility toggle for block elements.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-t366xxmv.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) ## HTML properties Use these settings to add custom HTML code to the template: - **HTML Block:** Enter your own custom HTML code. Be aware that this may affect how the final message is displayed. Make sure to use correct and responsive HTML to ensure it renders properly across all devices. ![HTML code snippet showing a new block with a specific class name.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-1p3y6cmz.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Block Options:** Choose to hide the HTML block on either **Desktop** or **Mobile** devices. By default, the block is visible on both. ![Options for blocking content with toggle switch and device icons displayed.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-5su996u7.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) ## Video properties Use these settings to customize a video block: - **Url:** Add a YouTube or Vimeo URL. A preview image will automatically generate and link to the video. - **Title:** The title automatically generates from the URL you enter. You can edit the title as needed. ![Video preview for a tutorial on enhancing template design skills with Mark.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-x051byjl.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Play icon:** - **Play icon type:** Select the style of the play icon. - **Play icon color:** Choose between **Light** or **Dark**. - **Play icon size:** Set the size of the icon in pixels. ![Settings for a round solid light play icon with specified size options.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-2hxsj28u.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Block Options:** - **Padding:** Control the spacing around the video block. You can apply padding to all sides or customize each side individually. - **Hide on:** Choose to hide the video block on **Desktop** or **Mobile** devices. By default, the block is visible on both. ![Settings panel displaying block options for padding and visibility adjustments.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-55z796hi.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) ## Icons properties Use these settings to customize a video block: - **Configure icon collection:** Click **+ Add New Icon** to add a new icon to the block. For each icon, you can: - Click **Change image** to upload your own image or search for free photos to use as the icon. You can also click **Apply effects** to add filters, resize, crop, or make other edits. - Click **More options** to edit the **Image url**, **Alt text**, and **Icon text** for the icon. You can also configure the link action, such as opening a web page or sending an email. ![Configuration panel for adding new icons with options for image and link settings.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-yeys4yjc.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Font:** Customize the text that appears with the icons by selecting the **Font family**, **Font weight** (regular or bold), **Font size**, and **Text color**. ![Settings panel displaying font family, weight, size, and text color options.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-qevki9m3.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Align:** Position the icons to the **Left**, **Center**, or **Right**. ![Alignment options displayed with icons for text formatting in a user interface.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-yqtuepmi.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Spacing:** - **Letter spacing:** Set the space between the letters in the icon text. - **Icon size:** Set the size of the icons in pixels. - **Icon spacing:** Adjust the space between each icon. - **Icon padding:** Control the space around each individual icon. You can apply padding to all sides or customize each side individually. ![Settings panel displaying options for letter spacing, icon size, and padding adjustments.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-8410wx21.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Block Options:** - **Padding:** Control the spacing around the icon block. You can apply padding to all sides or customize each side individually. - **Hide on:** Choose to hide the icon block on **Desktop** or **Mobile** devices. By default, the block is visible on both. ![Settings panel displaying block options for padding and visibility controls.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-su9f68ys.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) ## Text properties Use these settings to customize a text block: - **Text color:** Select a color for the text. - **Link color:** Select a color for any links in the text block. - **Line height:** Adjust the spacing between lines of text. - **Letter spacing:** Set the space between the letters in the text. ![Settings for text properties including color, line height, and letter spacing adjustments.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-u5q6l3fo.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) - **Block options:** - **Padding:** Control the spacing around the text block. You can apply padding to all sides or customize each side individually. - **Hide on:** Choose to hide the text block on **Desktop** or **Mobile** devices. By default, the block is visible on both. ![Settings panel displaying padding options and a placeholder for an image block.](https://cdn.document360.io/961862ab-d0f2-4d91-bb62-a62ee8184eff/Images/Documentation/configure-content-block-properties-for-email-templates-in-marketing-pro-image-ccpbb5xy.png?sv=2026-02-06&spr=https&st=2026-11-01T19%3A56%3A04Z&se=2026-11-01T20%3A56%3A04Z&sr=c&sp=r&sig=%2F%2Fmnoaf2I9TNU2nstd6ry96%2F%2BaeB21OmgN5eY%2FDFxC4%3D) ## Want to learn more? - See [Create email templates](/v1/docs/create-email-templates) - See [Manage Marketing Pro email templates](/v1/docs/manage-marketing-pro-email-templates) - See [Add special links and merge tags to your marketing content](/v1/docs/add-special-links-and-merge-tags-to-your-marketing-content) - See [Use the email template editor](/roofing/docs/use-the-email-template-editor-in-marketing-pro) ServiceTitan's integrated marketing automation platform for email, SMS, direct mail, and digital ad campaigns. **What it does:** Drives new customer acquisition and repeat revenue by automating targeted campaigns across multiple channels — all tied to actual job revenue. **Also called:** ST Marketing, Marketing automation **Tags:** Marketing Pro [See the full glossary →](https://help.servicetitan.com/docs/glossary-overview) Targeted text message campaigns sent to customer segments through Marketing Pro. **What it does:** Reaches customers on the highest-open-rate channel (SMS) with time-sensitive promotions, reminders, and service offers. **Also called:** Text marketing, SMS marketing **Tags:** Marketing Pro [See the full glossary →](https://help.servicetitan.com/docs/glossary-overview) **a.k.a.** Text Campaigns