# ResponsiveAds Documentation

## User Guide

- [Welcome](https://docs.responsiveads.com/welcome.md): Responsive Ads User Guide
- [Overview](https://docs.responsiveads.com/quick-start-guides/overview.md): Coming Soon
- [CS4 Workflow Overview](https://docs.responsiveads.com/quick-start-guides/cs4-workflow-overview.md)
- [Template Tutorials](https://docs.responsiveads.com/quick-start-guides/template-tutorials.md)
- [Static Template](https://docs.responsiveads.com/quick-start-guides/template-tutorials/static-template.md): Build Guide: Creating an Ad from a Static Template
- [Shoppable Carousel](https://docs.responsiveads.com/quick-start-guides/template-tutorials/shoppable-carousel.md): Build Guide: Creating an Ad from a Shoppable Carousel Template
- [In Banner Video](https://docs.responsiveads.com/quick-start-guides/template-tutorials/in-banner-video.md): Build Guide: Creating an Ad from a In-Banner Video Template
- [Full Bleed Video](https://docs.responsiveads.com/quick-start-guides/template-tutorials/full-bleed-video.md): Build Guide: Creating an Ad from a Full-Bleed Video Template
- [Animated Template](https://docs.responsiveads.com/quick-start-guides/template-tutorials/animated-template.md): Coming Soon
- [Map Templates](https://docs.responsiveads.com/quick-start-guides/template-tutorials/map-templates.md)
- [Guides for Publishers](https://docs.responsiveads.com/quick-start-guides/guides-for-publishers.md)
- [Guides for Ad Agencies & Media Agencies](https://docs.responsiveads.com/quick-start-guides/guides-for-ad-agencies-and-media-agencies.md)
- [Guides for Ad Tech / Networks](https://docs.responsiveads.com/quick-start-guides/guides-for-ad-tech-networks.md)
- [Overview](https://docs.responsiveads.com/navigating-the-app/overview.md): Find your way around the Creative Studio
- [Dashboard](https://docs.responsiveads.com/navigating-the-app/dashboard.md): The homepage of Creative Studio
- [Creatives](https://docs.responsiveads.com/navigating-the-app/creatives.md): View and manage all your ad designs in one place with the Creatives page.
- [Templates](https://docs.responsiveads.com/navigating-the-app/templates.md): Browse innovative Ad templates and use one for your next Creative
- [Media](https://docs.responsiveads.com/navigating-the-app/media.md): All of your Creative assets stored in one convenient location
- [Formats](https://docs.responsiveads.com/navigating-the-app/formats.md): Formats define the dimensions and responsive behaviour of your ads. You can view all of your Formats on the Formats page which can be accessed from the 'Formats' tab in the App Header.
- [Analytics](https://docs.responsiveads.com/navigating-the-app/analytics.md): See the data of how your Ad Campaigns are Performing
- [Overview](https://docs.responsiveads.com/creating-ads/overview.md): Creating Ads in Creative Studio
- [Setting up Ads](https://docs.responsiveads.com/creating-ads/setting-up-ads.md): With Responsive Ads, you can set up your ads in multiple ways, including from scratch, from a template, and from a PSD.
- [Setting up an Ad from Scratch](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-scratch.md): A creative is the design file which will become your Ad
- [Setting up an Ad from a Template](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template.md): Each template setup is unique, but there are some key principles applicable to all templates
- [Basic Templates](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/basic-templates.md): Beautiful responsive templates which can easily be customised
- [Pull 'N Peel](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/basic-templates/pull-n-peel.md)
- [Scratch Off](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/basic-templates/scratch-off.md)
- [Overlay + Hero](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/basic-templates/overlay-+-hero.md)
- [In Banner Video](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/basic-templates/in-banner-video.md)
- [Product Guide Carousel](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/basic-templates/product-guide-carousel.md)
- [Fluid 90H Adhesion](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/basic-templates/fluid-90h-adhesion.md)
- [Shoppable 360 (5 Cards)](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/basic-templates/shoppable-360-5-cards.md)
- [Advanced Templates](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/advanced-templates.md)
- [Blank Templates](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/blank-templates.md)
- [Image Swap Templates](https://docs.responsiveads.com/creating-ads/setting-up-ads/setting-up-an-ad-from-a-template/image-swap-templates.md)
- [Using PSD files with Responsive Ads](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads.md): Setting up and uploading PSD files into Responsive Ads
- [How to Prepare your Photoshop PSD files for the Fluid Ad Creator](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/how-to-prepare-your-photoshop-psd-files-for-the-fluid-ad-creator.md)
- [Preparing Layers](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/how-to-prepare-your-photoshop-psd-files-for-the-fluid-ad-creator/preparing-layers.md): How to Prepare all Layers in Photoshop
- [Color Settings](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/how-to-prepare-your-photoshop-psd-files-for-the-fluid-ad-creator/color-settings.md)
- [How to Upload Your PSD File into ResponsiveAds](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/how-to-upload-your-psd-file-into-responsiveads.md): To ensure your PSD works correctly with the ResponsiveAds platform, please follow our guidelines
- [Step-by-Step Instructions: 1920x1080 Example PSD Upload](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/how-to-upload-your-psd-file-into-responsiveads/step-by-step-instructions-1920x1080-example-psd-upload.md)
- [Step-by-Step Instructions: 970x808 Example PSD Upload](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/how-to-upload-your-psd-file-into-responsiveads/step-by-step-instructions-970x808-example-psd-upload.md)
- [PSD Design Size and Why it Matters](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/psd-design-size-and-why-it-matters.md)
- [Primary PSDs & PSD Templates and When Are They Needed?](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/primary-psds-and-psd-templates-and-when-are-they-needed.md)
- [How to Generate Responsive Sizes from your PSD File](https://docs.responsiveads.com/creating-ads/setting-up-ads/using-psd-files-with-responsive-ads/how-to-generate-responsive-sizes-from-your-psd-file.md)
- [Designing your Ad in the Fluid Ad Creator](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator.md): The Fluid Ad Creator is your hub for designing innovative, responsive ads with ease.
- [Interface and Tools](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/interface-and-tools.md): Understanding the Fluid Ad Creator
- [Interactions & Triggers](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/interactions-and-triggers.md)
- [Elements](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements.md): Explore the core building blocks of your responsive ads with detailed instructions, tips, and tutorials for each element type, from design basics to rich media components.
- [Background (HTML)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/background-html.md)
- [Group Element (HTML)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/group-element-html.md)
- [Hot Spot Element](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/hot-spot-element.md)
- [Scroll Element](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/scroll-element.md)
- [Image (PNG, JPEG, GIF, SVG)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/image-png-jpeg-gif-svg.md)
- [SVG Element (Inline, HTML)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/svg-element-inline-html.md)
- [Button (HTML)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/button-html.md)
- [Button (Image)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/button-image.md)
- [Text Box (Web fonts)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/text-box-web-fonts.md)
- [App Canvas (iFrame)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/app-canvas-iframe.md)
- [Carousel Widget](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/carousel-widget.md)
- [Custom Video (HTML)](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/custom-video-html.md)
- [Vimeo](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/vimeo.md)
- [Youtube](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/youtube.md)
- [Video](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/elements/video.md)
- [How to Use Formats and Layouts](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/how-to-use-formats-and-layouts.md): When creating ads with Responsive Ads, it's essential to understand formats and layouts, as they play different roles in your ad design. Let's break it down in simple terms:
- [How to Use Fully-Fluid](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/how-to-use-fully-fluid.md): Fully Fluid is the future in making truly Responsive Ads
- [Animation Timeline](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/animation-timeline.md)
- [Timed Actions](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/animation-timeline/timed-actions.md): This article explains how to set up Timed Actions — actions triggered at specific times and set up via Animation Timeline. These can be synchronized with your animations for complex interactions.
- [Animation Scenes](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/animation-timeline/animation-scenes.md)
- [Migration: Keyframes to Animation Blocks](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/animation-timeline/migration-keyframes-to-animation-blocks.md): This article explains when and how to convert keyframes into blocks in the updated Animation Timeline.
- [Using Sprite Sheets & Animation in ResponsiveAds](https://docs.responsiveads.com/creating-ads/designing-your-ad-in-the-fluid-ad-creator/animation-timeline/using-sprite-sheets-and-animation-in-responsiveads.md)
- [Variants](https://docs.responsiveads.com/creating-ads/variants.md): ResponsiveAds has a number of ways which you can easily and quickly create variants of your ads.
- [Condition Variants](https://docs.responsiveads.com/creating-ads/variants/condition-variants.md)
- [Creating Ads with Dynamic Content Using a CSV File](https://docs.responsiveads.com/creating-ads/variants/creating-ads-with-dynamic-content-using-a-csv-file.md)
- [Creating Ads with Dynamic Content Using a JSON file/Media Feed](https://docs.responsiveads.com/creating-ads/variants/creating-ads-with-dynamic-content-using-a-json-file-media-feed.md)
- [Creating Dynamic Carousels with the JSON Data Feed API (In-Editor)](https://docs.responsiveads.com/creating-ads/variants/creating-dynamic-carousels-with-the-json-data-feed-api-in-editor.md)
- [Overview](https://docs.responsiveads.com/ad-management/overview.md): Manage your Ads in Responsive Ads
- [Tagging](https://docs.responsiveads.com/ad-management/tagging.md): Tagging in Responsive Ads
- [Summary Page](https://docs.responsiveads.com/ad-management/summary-page.md): Overview, export and ad tag options for individual ad creatives with device previews and analytics access.
- [Preview Page](https://docs.responsiveads.com/ad-management/preview-page.md): The Preview Page allows users to view their creative in real-time and see how it will appear across different devices and screen sizes.
- [Showcase](https://docs.responsiveads.com/ad-management/showcase.md): The Showcase Page in ResponsiveAds allows users to create a public-facing gallery of their ads.
- [Overview](https://docs.responsiveads.com/deploying-ads/overview.md): Deploy your Ads with Responsive Ads
- [Image Exports](https://docs.responsiveads.com/deploying-ads/image-exports.md): Statics Export & Fallbacks
- [Facebook Export](https://docs.responsiveads.com/deploying-ads/facebook-export.md): (Beta Feature)
- [HTML5 Export](https://docs.responsiveads.com/deploying-ads/html5-export.md): Export .Zip Packages
- [Video/Animated Gifs](https://docs.responsiveads.com/deploying-ads/video-animated-gifs.md): (Beta)
- [Ad Serving tags](https://docs.responsiveads.com/deploying-ads/ad-serving-tags.md): Deployments & Ad Serving
- [Using CM360 Floodlight Tags with ResponsiveAds Ad Tags](https://docs.responsiveads.com/deploying-ads/ad-serving-tags/using-cm360-floodlight-tags-with-responsiveads-ad-tags.md)
- [Google Ad Manager (GAM) Setup: Custom Creatives](https://docs.responsiveads.com/deploying-ads/ad-serving-tags/google-ad-manager-gam-setup-custom-creatives.md): Follow this guide to integrate your ResponsiveAds creative into GAM as a Custom Creative. Covers tag setup, pixel tracking, and click-through verification.
- [Exporting Variants](https://docs.responsiveads.com/deploying-ads/exporting-variants.md)
- [API](https://docs.responsiveads.com/deploying-ads/api.md)
- [Overview](https://docs.responsiveads.com/analytics/overview.md): The analytics in the app provide detailed performance metrics for your creatives.
- [Understanding and Setting Up Engagement Analytics](https://docs.responsiveads.com/analytics/understanding-and-setting-up-engagement-analytics.md)
- [Basic Analytics](https://docs.responsiveads.com/analytics/basic-analytics.md): Basic Analytics are included as standard with your ResponsiveAds account
- [Advanced Analytics](https://docs.responsiveads.com/analytics/advanced-analytics.md): Advanced Analytics provides in-depth insights, detailed interaction tracking, and powerful visualizations to optimize responsive ad performance using enhanced metrics and segmentation.
- [Overview](https://docs.responsiveads.com/collaboration/overview.md): Collaborate with your team through comments.
- [Comments](https://docs.responsiveads.com/collaboration/comments.md): Receive feedback on the Ads you create in Responsive Ads.
- [Notes](https://docs.responsiveads.com/collaboration/notes.md): Sometimes a few words go a long way
- [Overview](https://docs.responsiveads.com/account-management/overview.md): Manage the team you collaborate with in Responsive Ads.
- [Settings](https://docs.responsiveads.com/account-management/settings.md): Manage your Account Settings
- [My Profile](https://docs.responsiveads.com/account-management/settings/my-profile.md): Manage your Account Settings and Password
- [Team Settings](https://docs.responsiveads.com/account-management/settings/team-settings.md): Manage your Team Members and Permissions
- [Pricing](https://docs.responsiveads.com/account-management/pricing.md): Learn about the plans we offer for your Responsive Ads team.
- [Overview](https://docs.responsiveads.com/help-and-faq/overview.md)
- [Support](https://docs.responsiveads.com/help-and-faq/support.md)
- [Help Center](https://docs.responsiveads.com/help-and-faq/support/help-center.md)
- [Youtube Academy](https://docs.responsiveads.com/help-and-faq/support/youtube-academy.md)
- [Documentation](https://docs.responsiveads.com/help-and-faq/support/documentation.md)
- [Release Notes](https://docs.responsiveads.com/help-and-faq/support/release-notes.md)
- [Additional Community Videos](https://docs.responsiveads.com/help-and-faq/support/additional-community-videos.md): Videos made to help out our Clients
- [FAQ](https://docs.responsiveads.com/help-and-faq/faq.md): This section provides answers to common questions about using ResponsiveAds. Click a question below to expand and view the answer.
- [Video Tutorials (Loom)](https://docs.responsiveads.com/help-and-faq/video-tutorials-loom.md): Need a quick walkthrough? We’ve put together short, workflow-based tutorials to help you get the most out of ResponsiveAds.
- [Glossary](https://docs.responsiveads.com/help-and-faq/glossary.md)
- [Migrating to Studio 4](https://docs.responsiveads.com/migrating-from-studio-3-to-studio-4/migrating-to-studio-4.md): Your guide to transitioning from Studio 3
- [Best Practices for Transitioning to Studio 4](https://docs.responsiveads.com/migrating-from-studio-3-to-studio-4/migrating-to-studio-4/best-practices-for-transitioning-to-studio-4.md): It’s easy to move to Studio 4! Follow these best practices to make your transition smooth and successful.
- [For Ad Ops: Exports, Trafficking, and Analytics](https://docs.responsiveads.com/migrating-from-studio-3-to-studio-4/migrating-to-studio-4/for-ad-ops-exports-trafficking-and-analytics.md): Good news — there are no major changes to how you export, traffic, or analyze creatives in Studio 4.
- [Copying Creatives to Studio 4](https://docs.responsiveads.com/migrating-from-studio-3-to-studio-4/migrating-to-studio-4/copying-creatives-to-studio-4.md): Creative Migration Guide
- [Studio 4 Editor: What's New and Improved](https://docs.responsiveads.com/migrating-from-studio-3-to-studio-4/studio-4-editor-whats-new-and-improved.md)
- [Other Changes in Studio 4](https://docs.responsiveads.com/migrating-from-studio-3-to-studio-4/other-changes-in-studio-4.md)
- [Migration FAQ](https://docs.responsiveads.com/migrating-from-studio-3-to-studio-4/migration-faq.md)

## Developers Guide

- [Introduction](https://docs.responsiveads.com/developers/introduction.md)
- [Best Practices](https://docs.responsiveads.com/developers/best-practices.md)
- [Lightbox](https://docs.responsiveads.com/developers/lightbox.md)
- [Components](https://docs.responsiveads.com/developers/components.md)
- [Custom JS](https://docs.responsiveads.com/developers/custom-js.md)
- [Radical API](https://docs.responsiveads.com/developers/radical-api.md)
- [npx rad-coder](https://docs.responsiveads.com/developers/npx-rad-coder.md)
- [Dots in Carousel](https://docs.responsiveads.com/developers/code-examples/dots-in-carousel.md)
- [Countdown timer](https://docs.responsiveads.com/developers/code-examples/countdown-timer.md)
- [Starting Boilerplate JS Code](https://docs.responsiveads.com/developers/code-examples/starting-boilerplate-js-code.md)
- [Passing Custom Macros to Creative JavaScript](https://docs.responsiveads.com/developers/code-examples/passing-custom-macros-to-creative-javascript.md)