Editing Campaign Content Blocks

Learn more about the different content block available when building and editing a campaign.

In this article:

If you haven't already read about creating campaigns, you should start here


Adding and editing content blocks

Editing blocks

If you've chosen a pre-built template, there will be blocks already created for you.

  1. To edit any of the blocks, click on it.
  2. This will open up an editing section to the right of the screen. (Learn more about each block type below.)
    Commerce7-Edit-Welcome (3)
  3. Add content and make adjustments using the fields in the editing section. 

Adding blocks

  1. To add a content block to an email template, hover in between existing content blocks (where you want to add the new content block).
  2. You will see a blue + icon appear.
  3. Click the blue + icon and the content block options will appear.

    c7-campaigns
  4. Click the type of content block you want to add.
    c7-campaigns-1
  5. You can then start editing the block on the right side of the page.

Moving blocks

  1. Click the content block you want to move.
  2. You'll see two new buttons appear to move or delete the block.
  3. Click and hold the button on the left ("up and down arrows") to drag the block up or down.
  4. Release when it is in the correct spot.

Commerce7-Edit-Shop-Now

Deleting blocks

  1. Click the content block you want to delete.
  2. Click the "trash" button on the right.
  3. The block will be removed from the preview.
    If you're currently editing that content block you might see an error at the top of the page that the block can no longer be edited. (This is normal.)


"Title" block 

Use this block to add a heading to the top of your email, or to separate multiple sections of content. Once the block has been added, the details can be edited on the right.

  • Content
  • Alignment: Left or center aligned
  • Text Size: Preset options of Small, Medium, Large. Medium and Large will use your Email Theme Heading Font and Small will use your Content Font. 
  • Alternate Background Color: Use the toggle to change your background colour from white. Your alternate background colour is managed under Settings > Email > Email Theme. The color of this text will always be white.

campaign-title

 


"Product" block

Use this block to highlight one or more products in your campaign, allowing the customer to add the product to their cart directly from the email. Once a product block has been added, the details can be edited on the right.

  1. Search for a Product you want to highlight
  2. Choose which product information you want to Display - Title, Description, Price, Add to Cart button.
  3. The Description field will automatically populate text based on the product you've selected, but you can edit the text if you want to. 
  4. Text Alignment can be changed to Left, Center, or Right.
  5. Optionally search for a Coupon to add it to the email.
    When a coupon is added, the product price will display with the original and discounted price and will auto-apply to the order when the customer clicks "Add to Cart". (As long as they qualify for the discount.) For more information on how discounts work with Campaigns, click here.
  6. Alternate Background Color: Use the toggle to change your background colour from white. Your alternate background colour is managed under Settings > Email > Email Theme.

campaign-product



"Coupon" block

Use this block to auto-apply a coupon to the customer's cart when clicked.

Once a coupon block has been added, the details can be edited on the right.
  1. Search for an existing Coupon.
    When a coupon is added, the product price will display with the original and discounted price and will auto-apply to the order when the customer clicks "Add to Cart". (As long as they qualify for the discount.) For more information on how discounts work with Campaigns, click here.
  2. Add the text to appear for the button in the Button Text field. The button color is controlled under Settings > Emails > Email Theme.
  3. Add a Button Link for where the customer should be taken when they click the button.
  4. Alternate Background Color: Use the toggle to change your background colour from white. Your alternate background colour is managed under Settings > Email > Email Theme.

campaign-coupon



"Club" block

This block is great to use and send to customers who aren't club members. Create an actionable banner and link a button straight to the signup page for one of your clubs.

Once a club block has been added, the details can be edited on the right. Add content and make adjustments using the fields in the editing section.  
  1. Club: Use the search bar to type the title of an existing club.
  2. Display: Check the appropriate boxes depending on what you want to display.
  3. Description: Add any content you want to display under the title.
  4. Text Alignment: Choose Left, Center, or Right.
  5. Alternate Background Color: Use the toggle to change your background colour from white. Your alternate background colour is managed under Settings > Email > Email Theme.

campaign-club


"Image" block

Use this block to add images to your email. Once an image block has been added, the details can be edited on the right. Add content and make adjustments using the fields in the editing section.  

  1. Upload an Image
  2. Update the Alt Text and a Link where the image should go when clicked. 
  3. Banner Image: Check this box if you want the image to not have extra space on the left and right.
  4. Alternate Background Color: Use the toggle to change your background colour from white. Your alternate background colour is managed under Settings > Email > Email Theme.

campaign-image-1



"Call to Action" block

Use this block for a general banner with a call to action. The button can be linked anywhere on your website. You could highlight an upcoming event or club membership information (if you want to link to signup, you should use the "club" block) or anything else! 

Once a call to action block has been added, the details can be edited on the right. Add content and make adjustments using the fields in the editing section.  
  1. Button Text: add the text you want to appear on the button. The button colour is controlled under Settings > Email > Email Theme.
  2. Button Link: Enter the URL of the target page where customers will land after clicking the button.
  3. Text: Enter the call to action message that will appear of the button.
  4. Text Size: Choose Small, Medium or Large to change the size of the call to action message. Small will use your email theme's "Content Font", while Medium and Large use your "Heading Font".
  5. Text Alignment: Align the text and call to action button to the Left, Center, or Right.
  6. Alternate Background Color: Use the toggle to change your background colour from white. Your alternate background colour is managed under Settings > Email > Email Theme.

campaign-calltoaction1


 

Email template types

For information specific to each type of template, click on the template below:

Designers cannot edit or create custom email templates within Campaigns.