{"version":1,"pages":[{"id":"Ju252rgbJGZYlLcEiVAn","title":"Welcome","pathname":"/","siteSpaceId":"sitesp_vE97Q","description":"Welcome to the Savvy Builder documentation! Here you'll find a growing library of guides, references, tutorials, concept explainers, and FAQs."},{"id":"nIUZ49KXUtJ7MGa3s7C5","title":"Intro to the builder","pathname":"/guides/intro-to-the-builder","siteSpaceId":"sitesp_vE97Q","description":"In this section, you'll find a short description of the sidebar from top to bottom!","breadcrumbs":[{"label":"Guides"}]},{"id":"VuGSr8WV2hEhX2a3qvVP","title":"Designer Card","pathname":"/guides/designer-card","siteSpaceId":"sitesp_vE97Q","description":"Quick guide to get started into styling flow components.","breadcrumbs":[{"label":"Guides"}]},{"id":"oM2Hb2Y9ycLhNMuMla9y","title":"Options Card","pathname":"/guides/options-card","siteSpaceId":"sitesp_vE97Q","description":"Quick guide to get started on how to set up the options for your flow components.","breadcrumbs":[{"label":"Guides"}]},{"id":"uELnkkN6GxL1z4uU4CGS","title":"Working with Logic","pathname":"/guides/working-with-logic","siteSpaceId":"sitesp_vE97Q","description":"Quick guide to get started on how to work with logic in the builder by writing custom JS code, using show/hide conditions, and a couple more tricks.","breadcrumbs":[{"label":"Guides"}]},{"id":"3vz5029KElhSbAzNFdak","title":"General How-To's","pathname":"/how-tos/general-how-tos","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"How-To's"}]},{"id":"5zf3gFeZqOYyJuQXmRL3","title":"How to select a container when I can’t click over it on the screen","pathname":"/how-tos/general-how-tos/how-to-select-a-container-when-i-cant-click-over-it-on-the-screen","siteSpaceId":"sitesp_vE97Q","emoji":"2714","description":"Sometimes, you may need to select a container that is filled with components and lacks any padding, making it difficult to select without inadvertently selecting one of its child elements.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"5Tg5HCf696Ggsv2zmtji","title":"How to hide a global component on a specific page","pathname":"/how-tos/general-how-tos/how-to-hide-a-global-component-on-a-specific-page","siteSpaceId":"sitesp_vE97Q","emoji":"1f441","description":"This is meant to be done only for global components. Components that are not global shouldn’t exist on pages where they are not needed.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"bvyY4fHDt8BUezWqFlSW","title":"How to calculate statistical significance from split test","pathname":"/how-tos/general-how-tos/how-to-calculate-statistical-significance-from-split-test","siteSpaceId":"sitesp_vE97Q","emoji":"1f4ca","description":"Quick guide on how to calculate the statistical significance of a split test.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"j9twAMhlmWTPMtYS6hOo","title":"How to install a Google font.","pathname":"/how-tos/general-how-tos/how-to-install-a-google-font.","siteSpaceId":"sitesp_vE97Q","emoji":"1f170","description":"Sometimes you want to use a font that is not the default one. You can easily install any Google Font by following the steps in this tutorial.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"jgnMXXOY4vN9Pd6TKmb5","title":"How to use \"Logs\" for debugging","pathname":"/how-tos/general-how-tos/how-to-use-logs-for-debugging","siteSpaceId":"sitesp_vE97Q","emoji":"1f5d2","description":"Sometimes you need to do some debugging to understand why something unexpected is happening (debugging). Here you'll learn how to do this using event logs.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"ysCHOwsCqTe42y9RIu37","title":"How to change pages order","pathname":"/how-tos/general-how-tos/how-to-change-pages-order","siteSpaceId":"sitesp_vE97Q","emoji":"21a9","description":"Sometimes you need to change your flow page order, maybe because you’ve cloned a page and the new one should be in another position, or maybe just because you want to change the flow path.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"xpZuODJtwpIIPIcVdh9f","title":"How to select components that are behind the Embeddables card","pathname":"/how-tos/general-how-tos/how-to-select-components-that-are-behind-the-embeddables-card","siteSpaceId":"sitesp_vE97Q","emoji":"1f312","description":"Sometimes you have an embeddables card already open and you want to select a component that is behind it. Here is how to do it.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"vle7jfBZ1Enn3GxV5iew","title":"How to clone a page","pathname":"/how-tos/general-how-tos/how-to-clone-a-page","siteSpaceId":"sitesp_vE97Q","emoji":"1f4c4","description":"Sometimes you want to clone a page that is similar to the one you need to build next so you have a starting point that already includes components and styles that you've already worked on.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"CYZlvFhFj3pqeIkQAKij","title":"How to add new components to a page","pathname":"/how-tos/general-how-tos/how-to-add-new-components-to-a-page","siteSpaceId":"sitesp_vE97Q","emoji":"2795","description":"As a normal part of creating your flow, you'd need to add new components to your pages. Here is how to do it with our tool.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"sBRDC0WQthUPNLCMqayA","title":"How to select the whole page","pathname":"/how-tos/general-how-tos/how-to-select-the-whole-page","siteSpaceId":"sitesp_vE97Q","emoji":"1f4c4","description":"Sometimes you need to style the whole page and not just a “main container”. Here is how to select the whole page to do so.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"Y20W0fXpD9MWPyis0NUR","title":"How to view your flow on different screen sizes","pathname":"/how-tos/general-how-tos/how-to-view-your-flow-on-different-screen-sizes","siteSpaceId":"sitesp_vE97Q","emoji":"1f4bb","description":"Usually, you would like to have a responsive flow and the ability to check how it's going to look on different devices. Viewing like different devices has never been so simple.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"0vJ0Zbn5AS2mFPQ9P7do","title":"How to move between pages while editing your flow","pathname":"/how-tos/general-how-tos/how-to-move-between-pages-while-editing-your-flow","siteSpaceId":"sitesp_vE97Q","emoji":"26f5","description":"For sure you'll need to move from one page to another to edit all of them. Here is how to do it with our builder.","breadcrumbs":[{"label":"How-To's"},{"label":"General How-To's"}]},{"id":"XBUR4nDT5vq5ximgyDYU","title":"Design How-To's","pathname":"/how-tos/design-how-tos","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"How-To's"}]},{"id":"6kzWKAJU3ZHqdnd4z1Kp","title":"How to style a specific component element (E.g. buttons image)","pathname":"/how-tos/design-how-tos/how-to-style-a-specific-component-element-e.g.-buttons-image","siteSpaceId":"sitesp_vE97Q","emoji":"1f58b","description":"Some components have various sub-elements that you can style separately. E.g. options selectors have buttons, list, images, etc. Here you'll learn how style a specific sub-element.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"ZuuexCVSzMPUpVlImKbb","title":"How to style individual buttons (by button key) in Options Selectors","pathname":"/how-tos/design-how-tos/how-to-style-individual-buttons-by-button-key-in-options-selectors","siteSpaceId":"sitesp_vE97Q","emoji":"2b55","description":"Customizing styles for buttons in a common options selector may be necessary, such as to achieve varied text and box shadow color as seen in the image below.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"QxtQ0QKCzL1aHy99skhb","title":"How to style a rounded bullet-like checkbox for options buttons","pathname":"/how-tos/design-how-tos/how-to-style-a-rounded-bullet-like-checkbox-for-options-buttons","siteSpaceId":"sitesp_vE97Q","emoji":"1f9ff","description":"This tutorial takes you step by step on how to create rounded checkboxes for options buttons with styling similar to the one shown in the following image:","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"LeFdyKA8dAdZLnKLeBCy","title":"How to get rid of the default input outline","pathname":"/how-tos/design-how-tos/how-to-get-rid-of-the-default-input-outline","siteSpaceId":"sitesp_vE97Q","emoji":"1f532","description":"By default inputs have an outline shown for their on-focus state which overlaps with the input border. Here you'll learn how to avoid this issue.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"2W1WHsuk2qqI33dOY8XG","title":"How to style a background image","pathname":"/how-tos/design-how-tos/how-to-style-a-background-image","siteSpaceId":"sitesp_vE97Q","emoji":"1f5bc","description":"This tutorial demonstrates how to set a page background image. To set it on some component, select the component instead of the whole page in the Designer card.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"07BhdU0pyMpywmJTK02G","title":"How to style components (basics)","pathname":"/how-tos/design-how-tos/how-to-style-components-basics","siteSpaceId":"sitesp_vE97Q","emoji":"1f99a","description":"Styling components is what we do maybe most of the time. Here you'll learn the basics about how to style with our builder.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"CMWwNqOrZkpCXlYUrm2o","title":"How to change a component's location","pathname":"/how-tos/design-how-tos/how-to-change-a-components-location","siteSpaceId":"sitesp_vE97Q","emoji":"21aa","description":"Is not uncommon to need to move page components up or down, or even change the container (div) they are in. Here you’ll learn how to do this with our tool.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"qutlnRLFBbkJGbBPoqXQ","title":"How to upload and apply images to your design","pathname":"/how-tos/design-how-tos/how-to-upload-and-apply-images-to-your-design","siteSpaceId":"sitesp_vE97Q","emoji":"2b06","description":"Instructions on how to upload an image and use it in an image component or as a background image in a component using the \"Assets\" and \"Designer\" cards.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"pdtmv7gpYTVzTCyec24s","title":"How to style hover, selected, disabled button states","pathname":"/how-tos/design-how-tos/how-to-style-hover-selected-disabled-button-states","siteSpaceId":"sitesp_vE97Q","emoji":"1f518","description":"Buttons can have different styles for different states. Here you'll learn how to give them a unique style for their 3 most common states.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"WliAot81uLt3ZRntYnOE","title":"How to style CSS properties that are not there in the designer card (custom properties)","pathname":"/how-tos/design-how-tos/how-to-style-css-properties-that-are-not-there-in-the-designer-card-custom-properties","siteSpaceId":"sitesp_vE97Q","emoji":"1fab6","description":"If a CSS property is not available in the \"Designer\" card tabs, you can still use it. Learn how in this brief doc on customizing styles.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"GuA3Yex8Gnvh9xefRxlr","title":"How to make my flow responsive","pathname":"/how-tos/design-how-tos/how-to-make-my-flow-responsive","siteSpaceId":"sitesp_vE97Q","emoji":"1f4f1","description":"Today most websites are responsive, this is given to the number of people accessing them via smartphones or tablets. Here we’re going to show you how to easily set styles for each device type.","breadcrumbs":[{"label":"How-To's"},{"label":"Design How-To's"}]},{"id":"ijS1SFcgxwO3o0wJmZhs","title":"Logic How-To's","pathname":"/how-tos/logic-how-tos","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"How-To's"}]},{"id":"JZtFiBSRdOwWfWIMo29H","title":"How to set show/hide conditions","pathname":"/how-tos/logic-how-tos/how-to-set-show-hide-conditions","siteSpaceId":"sitesp_vE97Q","emoji":"1f441","description":"Sometimes you need to show or hide certain elements depending on a user's answer or other variable data. In this tutorial, you'll learn how easy would be to achieve this using our builder.","breadcrumbs":[{"label":"How-To's"},{"label":"Logic How-To's"}]},{"id":"fj0Fl4ROfovHqNGyaBdC","title":"How to display a value previously entered by the user","pathname":"/how-tos/logic-how-tos/how-to-display-a-value-previously-entered-by-the-user","siteSpaceId":"sitesp_vE97Q","emoji":"1f4fa","description":"Add personal touches to user interactions by displaying custom text. Learn how to retrieve and display user input from a page in this tutorial.","breadcrumbs":[{"label":"How-To's"},{"label":"Logic How-To's"}]},{"id":"ZvicGLgIxEUqn7Ije7FN","title":"How to add a “Deselect All” button in a Multi-Select","pathname":"/how-tos/logic-how-tos/how-to-add-a-deselect-all-button-in-a-multi-select","siteSpaceId":"sitesp_vE97Q","emoji":"2716","description":"Sometimes you want to set a button to deselect all other buttons when selected. Learn in this short tutorial how to achieve this behavior with our builder.","breadcrumbs":[{"label":"How-To's"},{"label":"Logic How-To's"}]},{"id":"QxNX6IUq0Sqt4jNZXuZ6","title":"How to use a computed field in a condition","pathname":"/how-tos/logic-how-tos/how-to-use-a-computed-field-in-a-condition","siteSpaceId":"sitesp_vE97Q","emoji":"1f528","description":"You can use Computed Fields for conditions in the same way you can use any other variable.","breadcrumbs":[{"label":"How-To's"},{"label":"Logic How-To's"}]},{"id":"pkLVOrvNXeG4etk802vr","title":"How to hide a global component on a specific page","pathname":"/how-tos/logic-how-tos/how-to-hide-a-global-component-on-a-specific-page","siteSpaceId":"sitesp_vE97Q","emoji":"1f441","description":"This is meant to be done only for global components. Components that are not global shouldn’t exist on pages where they are not needed.","breadcrumbs":[{"label":"How-To's"},{"label":"Logic How-To's"}]},{"id":"ob8S1yQOX795N8gQom4e","title":"Useful Docs","pathname":"/other-useful-docs/useful-docs","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"}]},{"id":"5cLni8Op4gLG8p0WpJyg","title":"Conditions","pathname":"/other-useful-docs/useful-docs/conditions","siteSpaceId":"sitesp_vE97Q","emoji":"1f6a6","description":"Conditions help hide and show content depending on the user's selections. With a condition, you can show certain pages and hide others if a user selects a specific option.","breadcrumbs":[{"label":"Other useful docs"},{"label":"Useful Docs"}]},{"id":"PNWb7DOs7lMdnTFgJccN","title":"Computed Fields","pathname":"/other-useful-docs/useful-docs/computed-fields","siteSpaceId":"sitesp_vE97Q","emoji":"1f469-1f4bb","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"Useful Docs"}]},{"id":"O66w9QIur0CqGbxmfNH8","title":"Tags","pathname":"/other-useful-docs/useful-docs/tags","siteSpaceId":"sitesp_vE97Q","emoji":"1f516","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"Useful Docs"}]},{"id":"kxkGNr3zelw8YQZ3qHza","title":"WORK IN PROGRESS","pathname":"/other-useful-docs/work-in-progress","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"}]},{"id":"gffyl2hTV1u7beLkrMw7","title":"Pending","pathname":"/other-useful-docs/work-in-progress/pending","siteSpaceId":"sitesp_vE97Q","emoji":"25fb","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"}]},{"id":"GnFmJUER7DAZOJWv1msb","title":"Work in Progress: How the New Rendering Engine Works","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-the-new-rendering-engine-works","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"vCPY7dTjCrE2ZMTVEBr9","title":"Work in Progress: How to create a new Split test","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-create-a-new-split-test","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"FadXb1BNVV5MgSBytaSK","title":"Work in Progress: Preloading images","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-preloading-images","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"oFoCP6uCwmzIXxG8gbt7","title":"Work in Progress: How to show “loading…” while fetching or processing data","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-show-loading...-while-fetching-or-processing-data","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"MeOCbexj9gaxKKwCPYLG","title":"Work in Progress: How to send data to Tiktok","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-send-data-to-tiktok","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"Xt49Jhbl7vUIP8MKIOKa","title":"Work in Progress: How to send data to Postcript","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-send-data-to-postcript","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"IGbqlQBoXK38wIJ2UM7C","title":"Work in Progress: How to send data to Klaviyo","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-send-data-to-klaviyo","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"KGhdMDYSDCdeTadGOxka","title":"Work in Progress: How to send data to Google Tag","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-send-data-to-google-tag","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"ZhNjAbS4LU9hzyUyg94T","title":"Work in Progress: How to send data to Google Analytics","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-send-data-to-google-analytics","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"AHFcED1yOjnxy3lEUB6H","title":"Work in Progress: How to Fetch User Location Data to use in your Flow","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-fetch-user-location-data-to-use-in-your-flow","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"b6TJc7DQxf6KJiRgQycJ","title":"Work in Progress: How to fetch job offers from Lever’s API","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-fetch-job-offers-from-levers-api","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"Ub2BxlIuEHULTbCXZCmT","title":"Work in Progress: How to fetch data and display the results as options in a dropdown","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-fetch-data-and-display-the-results-as-options-in-a-dropdown","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"06cXXR33tM8KElmIicVg","title":"Work in Progress: How to create a new split test with 3 variants","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-create-a-new-split-test-with-3-variants","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"DGrDhNaDD7oQzmehuMF8","title":"Work in Progress: How to Duplicate a Container with All its Content","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-duplicate-a-container-with-all-its-content","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"JrlB5JvLzemA1fpnW9pU","title":"Work in Progress: How to add Chart.js to your flow","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-add-chart.js-to-your-flow","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"L7fdCUX5NOZe6GSOhHuN","title":"Work in Progress: How to Create Repeatable Button Components, Fetching from a Database","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-create-repeatable-button-components-fetching-from-a-database","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"aoY99tlq917qwObvYVqp","title":"Work in Progress: How to Create a Global Column","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-create-a-global-column","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"DkjlIF9Eh3fCbrRBkfVB","title":"Work in Progress: How to Clone a Flow","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-clone-a-flow","siteSpaceId":"sitesp_vE97Q","description":"Or: How to duplicate / copy a flow","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"icp0x07OhdPCXVcN7Ake","title":"Work in Progress: How to Create and Style a Carousel","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-create-and-style-a-carousel","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"0KrFmyxxjDSGWm6B2PZI","title":"Work in Progress: How to Add Default User Data","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-add-default-user-data","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"k9N74paDDhd6igD6RAlr","title":"Work in Progress: How to Show Validation Messages on Required Fields","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-show-validation-messages-on-required-fields","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"3vkcdvm8FrVYoVGJw6ys","title":"Work in Progress: How to create an Option Selector Results Page","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-create-an-option-selector-results-page","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"o2cxZvCzVcWdG68k8C57","title":"Work in Progress: How to create a combined Option Selector + Input component","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-create-a-combined-option-selector-+-input-component","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"UJk1XB8kkI8ZNd9oznJw","title":"Work in Progress: How to Add an Info Box Popup","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-add-an-info-box-popup","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"ti4BwpLthJcazo8j4hSM","title":"Work in Progress: How to set up a Micro-Product as a Popup on your Site","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-set-up-a-micro-product-as-a-popup-on-your-site","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"q8DJV8rhMubctf36MVzD","title":"Work in Progress: How to make a Full-Page Flow","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-make-a-full-page-flow","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"wZ8BJW2E0nrgdVFvVkr6","title":"Work in Progress: How to Use Custom Selectors","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-use-custom-selectors","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"EPVbR6qjiEtVuodhzpRx","title":"Work in Progress: How to Add a Video/GIF Placeholder to a Video Component","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-add-a-video-gif-placeholder-to-a-video-component","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"YvfO9P0NzyAsQrkFoBXf","title":"Work in Progress: How to Style Buttons","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-style-buttons","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"b8j0mnZcpLNJqt2ZqOSO","title":"Work in Progress: How to Center Components","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-center-components","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"67RIqTIygB2ERLfxGybh","title":"Work in Progress: How to Bring Data from Airtable","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-bring-data-from-airtable","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"qOC4R8ylIg5ittlDqwh1","title":"Work in Progress: How to add a custom font from a website:","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-add-a-custom-font-from-a-website","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"LBIANNB3iJHfBqmgFKUM","title":"Work in Progress: How to Create Computed Fields","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-create-computed-fields","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"kVRcEvzuvUWqeSEBdBSu","title":"Work in Progress: How to Ping an API","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-ping-an-api","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"BLCWSFrkREgP8pXmDbZo","title":"Work in Progress: How to Store a Password","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-store-a-password","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"D7KKthsvV84G0TmhW5X6","title":"Work in Progress: How to Bring Data from Google Sheet","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-bring-data-from-google-sheet","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"FYkZjoEYR06n1w9iG0cj","title":"Work in Progress: How to Fetch Safely from Savvy","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-fetch-safely-from-savvy","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]},{"id":"zYOnuQAKtMhMkmnq92mo","title":"Work in Progress: How To Fetch Data from a specific row in Airtable in a Computed Field","pathname":"/other-useful-docs/work-in-progress/pending/work-in-progress-how-to-fetch-data-from-a-specific-row-in-airtable-in-a-computed-field","siteSpaceId":"sitesp_vE97Q","description":"","breadcrumbs":[{"label":"Other useful docs"},{"label":"WORK IN PROGRESS"},{"label":"Pending","emoji":"25fb"}]}]}