Making page building more flexible with component slots support

<p id="">Just last month, we released <a href="<https://webflow.com/page-building>" id="">page building</a> to all customers to empower marketers, less-technical teammates, and clients with a drag-and-drop interface where they can quickly self-serve their own landing pages for events, product releases, campaigns, and more.&nbsp;</p><figure id="" class="w-richtext-figure-type-video w-richtext-align-fullwidth" style="padding-bottom:56.206088992974244%" data-rt-type="video" data-rt-align="fullwidth" data-rt-max-width="" data-rt-max-height="56.206088992974244%" data-rt-dimensions="854:480" data-page-url="<https://www.youtube.com/watch?v=KVh7cTfPTgs>"><div id=""><iframe allowfullscreen="true" frameborder="0" scrolling="no" src="<https://www.youtube.com/embed/KVh7cTfPTgs>" title="Set up Page Building for Marketers - Webflow tutorial"></iframe></div></figure><p id="">By assigning someone the new ‘Marketer’ site-level role in Webflow, they get access to page building where they’re able to create new pages by leveraging the building blocks – page templates and components – that their designers and developers have set up for them.</p><p id="">And today, we’re adding support for <a href="<https://youtu.be/EMcSsUYeqU>" id="">component slots</a> in page building to give users with the Marketer role more flexibility as they build pages.</p><h2 id="">The page building workflow</h2><p id=""><strong id="">Designers, developers, and partners:</strong></p><ol id=""><li id=""><a href="<https://www.youtube.com/watch?v=KVh7cTfPTgs&t=68s>" id="">Set up a component library</a> that your less-technical teammates will be able to leverage as building blocks for different sections of the page, which includes the ability to leverage component slots.</li><li id=""><a href="<https://www.youtube.com/watch?v=KVh7cTfPTgs&t=154s>" id="">Create and set up static page templates</a>. You may want to create different page templates for different landing page needs like events, new products, campaigns, and so on. A necessary step in this process is adding page slots to the page template, which indicate to marketers or clients where they’ll be able to drag and drop components.</li><li id="">Invite your less-technical teammates or clients into Webflow and <a href="<https://www.youtube.com/watch?v=KVh7cTfPTgs&t=293s>" id="">assign them the Marketer site-level role</a>, which will give them access to page building (aka ‘build mode’) where they won’t be able to mess with or break your design system.</li></ol><p id=""><strong id="">Marketers, less-technical users, and clients:</strong></p><ol id=""><li id=""><a href="<https://youtu.be/KVh7cTfPTgs?t=333>" id="">Create new pages by selecting from one of the page templates</a> that the designer or developer set up.</li><li id=""><a href="<https://youtu.be/KVh7cTfPTgs?t=352>" id="">Drag and drop components into the designated page slots</a> for things like a hero section, registration form, speaker cards, an agenda, and can edit content on the page. <strong id="">*NEW*</strong> If a component that a Marketer drops into a page slot has a component slot in it, they can add components to that slot to give them even more flexibility as they build.</li></ol><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1280px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1280px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/673386b47661ea872a1417e2AD4nXcmIJzDA63kjHFiIujfRVufOsLQStx0Kbx1RXSFQRnziwrZY9KwTD8nURTzBjpxQbriXLg6RXOSzOjadZrSNZ9toVypvKHbQ1m217SLcZesN5G7P9zxOMhGNSMb0--yH4699mQ.png>" width="auto" height="auto" alt="Users with the Marketer role can now add components into component slots when building pages" loading="auto" id=""></div><figcaption id="">Users with the Marketer role can now add components into component slots when building pages.</figcaption></figure><ol start="3" id=""><li id="">Share the page for review and feedback, and if they have <a href="<https://webflow.com/updates/publishing-permission-toggle>" id="">publishing permissions</a> they can publish the page.</li></ol><p id="">For more details on how to start using page building today, check out our <a href="<https://university.webflow.com/lesson/page-building?topics=collaboration>" id="">Help Center documentation</a>.</p>