Labeling containers is something that is so often overlooked, but can be one of the most helpful and beneficial additions to building a creative. While it\u2019s purely for the back end user, if you have more than one person on your team working on a creative, it creates a clean, easy to use workspace. Here are some great ways to implement labeling:<\/p>\n\n\n\n
- \n
- Label viewports. We label which viewports an element is shown in. This is helpful when making edits to a creative to ensure that you are making edits on elements that may be shown only in one viewport.<\/li>\n\n\n\n
- Label hidden elements. If we need to hide an element on a page, for instance, a section that will have more details about a product but won\u2019t be ready for a week after launch, we don\u2019t remove the section. Instead, we label it with \u2018hidden\u2019 so that we can come back later and simply check off the boxes when it\u2019s ready to go.<\/li>\n\n\n\n
- Label anchor elements. If an element is an anchor, it\u2019s incredibly helpful to name the container with the same name as the anchor.<\/li>\n<\/ul>\n\n\n\n
![\"download](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/08\/download-16.png\")
<\/figure>\n\n\n\nStart from past experiences<\/strong><\/h3>\n\n\n\n
When we create multiple experiences for one brand, we typically begin a second build from a previous build. We may pull pages from a Quick Start in, but we utilize the first creative to ensure that the header and footer elements are consistent. In the same way, utilizing a creative that already has the design language established helps when designing the next creative. It ensures designs have similar elements and that headlines, text, and other elements are treated in similar ways.<\/p>\n\n\n\n
![\"download](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/08\/download-17.png\")
<\/figure>\n\n\n\nUse the rules from a page, but not the design<\/strong><\/h3>\n\n\n\n
Something we commonly run into is that we may want to use the rules from a page, for instance, an older creative that has a complicated tracking rule set up. Instead of recreating the rules, we will copy the page from the older creative. Then we use the creative wide feature to copy our new design onto that page. It saves so much time!<\/p>\n\n\n\n
![\"\"](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2025\/01\/Screenshot_5-2-1024x436.png\")
<\/figure>\n\n\n\nMake your images containers with background images<\/strong><\/h3>\n\n\n\n
To achieve a gridded effect with responsive images, we utilize containers with background images. This ensures that the images size correctly throughout viewports without worry.<\/p>\n\n\n\n
![\"download](\"https:\/\/obo.zoj.mybluehost.me\/wp-content\/uploads\/2023\/08\/download-18.png\")
<\/figure>\n\n\n\nNest reusable elements<\/strong><\/h3>\n\n\n\n
In many quick starts, you may notice containers within columns that do nothing more than contain the text within them. There are many reasons that this kind of \u2018nesting\u2019 helps when building a creative. Containers can be copy and pasted nearly anywhere on a creative, so containing elements that can be utilized elsewhere within plain containers is incredibly useful.<\/p>\n\n\n\n
\n\n\n\n