🥳 Celebrate Our Launch With a $200 LIFETIME Discount OFF The Premium Plan Use: BIRTHDAY2024

This offer expires 9/30/2024, at 11:59 PM EST

BizStackPro all-in-one digital marketing platform dashboard.
How to Find Hidden or Broken Elements in the Email Builder – BizStackPro Help

BizStackPro Email & SMTP Help Guide

How to Find Hidden or Broken Elements in the Email Builder

Quickly locate hidden sections, hard-to-click elements, and broken images inside the BizStackPro Email Builder, then fix layout or display issues without rebuilding your entire template.

Quick Answer

How do you find an element you cannot see or click?

Open the Manage Element control inside the Email Builder and use the Section and Column dropdowns to locate the element. Hover over an item in the list to scroll to and highlight it in the builder. You can then edit, replace, or delete the element without trying to select it directly on the canvas.

Why Elements Look “Hidden” or “Broken”

An element that appears to be missing from an email template may still be present but difficult to see or select.

Elements can appear missing when they are inside a collapsed section, positioned in a narrow column, hidden by visibility or conditional settings, or given too little height or spacing to display properly.

Instead of rebuilding the template, use the Email Builder's element-management controls to locate the exact element and correct the problem.

The goal

Use Manage Element to jump to an element and then edit, replace, or delete it even when you cannot select it directly on the canvas.

Hidden and Broken Elements at a Glance

Builder Area Email Templates
Primary Tool Manage Element
Find By Section + Column
Locate Element Hover to Highlight
Image Checks Source / Height / Visibility
Last Resort Replace the Image

Before You Begin

Open the email template containing the element you need to find or repair.

  • Go to Marketing → Emails → Templates.
  • Open the existing template you want to troubleshoot, or create a template to work with.
  • Identify the area where the missing or broken element should appear.
  • Use the builder's Manage Element controls rather than rebuilding the template when an element is difficult to select.

Step 1: Open a Template and Use Manage Element

Step 1: Open Email Templates

Go to Marketing → Emails → Templates.

Step 2: Open the Template

Create a new template or open the existing template you want to edit.

Step 3: Open Manage Element

Inside the builder, select the Manage Element icon.

Step 4: Use Section and Column

Use the Section and Column dropdowns to view the elements inside the template.

Step 5: Hover Over the Element

Hover over an element in the list. The builder will scroll to the element and highlight it so you can locate it.

If an element is difficult to click

Select it through the element list instead of repeatedly trying to click it directly on the builder canvas.

Step 2: Find and Fix Broken Images

If you see a broken image icon, or suspect an image is present but not displaying, use the element manager to locate the image.

Locate the Image

Open Manage Element, select the appropriate section and column, and hover over the image element to highlight it.

Edit or Replace the Image

Open the image settings and select a new image or correct the existing image source.

Delete the Image if Necessary

Remove the image element if it is no longer needed.

Check more than the image source

An image may still exist but appear missing because of visibility settings or because the element's height is too small to display.

Step 3: Fix Images That Don't Display

If the image is present but cannot be seen, check its dimensions and visibility settings.

Increase the Height

Edit the image element and increase its height, especially when the current height is extremely small or under approximately 10px.

Use Auto Sizing

Set height and width to auto when those options are available.

Replace the Asset

If needed, resize the image externally, delete the old image from the template, and add the updated image again.

Check Visibility

Confirm the image is not hidden by desktop, mobile, or conditional visibility settings.

Select the element from the list first

If you cannot select the image on the canvas, use the Section and Column list to select it before adjusting its sizing or visibility.

Quick Troubleshooting Checklist

Cannot Find the Element
Check: Use Manage Element and identify the exact section and column containing the element.
Cannot Locate It on the Canvas
Check: Hover over the element in the list and allow the builder to scroll to and highlight it.
Element Is Still Hidden
Check: Confirm the element is not hidden on desktop or mobile and review any conditional visibility settings.
Element Is Too Small to See
Check: Increase the height or spacing, or set the dimensions to auto when available.
Image Remains Broken
Check: Delete and re-add the image if correcting the existing element does not resolve the problem.

Working With Hidden or Broken Elements

Use Manage Element Before Rebuilding
Reason: An apparently missing element may still exist inside the template and only need to be located or corrected.
Check Visibility and Sizing
Reason: An element can appear missing because it is hidden or its dimensions are too small to display properly.
Replace a Broken Asset When Needed
Reason: If correcting the existing image does not work, resizing and re-adding the asset can resolve the display problem.

Frequently Asked Questions

How do I view hidden elements inside my email template?
Click on the Manage Element icon, then use the Section and Column dropdowns to view all elements. Hovering over an element will scroll to and highlight it in the builder.
What should I do if I see a broken image icon?
Use the Manage Template menu to locate the broken image element, then edit, replace, or delete the image. Also check visibility settings and image height.
How can I fix an image that isn’t displaying due to height issues?
Edit the image element and increase its height (or set height and width to auto). If the issue persists, resize the image externally, delete the old image in the template, and re-add the updated image.
What if I cannot edit an element in my template?
Open the Manage Template/Manage Element controls to locate hidden or hard-to-click elements using the Section and Column dropdowns. Then select the element from the list to edit it.

Continue Learning

Continue with related Email & SMTP guides for working with the Email Builder, RSS content, templates, and email formatting.

Recommended Next Step

Review the Email Builder and In-Line Editor

After fixing the hidden or broken element, continue with the Email Builder guide to review the tools available for editing and managing your email content.

Fix the Element Without Rebuilding the Template

The Email Builder's element-management controls can help you locate hidden or hard-to-click content, correct broken images, and repair display issues while keeping the rest of your template intact.

Disclaimer: This site is NOT endorsed by Google, Facebook or YouTube in ANY WAY. All trademarks & Logo / branding are the property of their respective owners. Please Note: This site was created in BizStackPro by Ken George II (An Affiliate of BizStackPro) and may contain affiliate links.

All About BizStackpro


Copyrights 2024 | AllAboutBizStackPro.Com | Pricing | About | Features | All Rights Reserved.