> For the complete documentation index, see [llms.txt](https://support.gamoshi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.gamoshi.com/gamoshi-wiki/how-to-guides/how-to-use-gamoshi-creative-studio.md). # How to Use Gamoshi Creative Studio ## Availability Gamoshi Creative Studio is available for: * DSP accounts. * PE Enterprise accounts using internal DSP campaigns. Creative Studio is enabled at the account level. When enabled, it appears under **Advertisers > Creative Studio**. If the menu item is unavailable, contact your account manager. *** ## Overview Creative Studio allows you to create reusable design templates and associate them with multiple creatives. A design defines an ad's appearance and behavior, including its images, text, colors, sizes, and layout. Survey designs also define the survey pages, answers, and user flow. A creative is the entity that serves the ad. When you build a creative from a Creative Studio design, the platform automatically generates the required HTML. You can create, edit, and preview designs under: **Advertisers > Creative Studio** Previewing a design does not make it available to an audience. A design is displayed only after it is associated with a creative used in an active campaign. *** ## Creative Studio Design Types Creative Studio currently supports two design types. | **Design type** | **Description** | | --------------- | ------------------------------------------------------------ | | Banner Studio | Creates an image-and-copy display banner in supported sizes. | | Survey | Creates a multipage interactive survey or poll. | *** ## Design Sizes Each design includes: * One main size. * Up to four additional supported sizes. The main size defines how the design is built and displayed in the primary preview. You can preview all configured sizes in Creative Studio. When the design is associated with a creative, its configured sizes become available for that creative. You can remove any sizes you don't need. *** ## Design List Navigate to **Advertisers > Creative Studio** to view the list of existing designs. You can filter the list by: * Design name. * Design Type: Banner Studio or Survey. Select **Clear Filters** to remove the applied filters. ### Designs List Columns | **Column** | **Description** | | ----------------------- | ------------------------------------------------------------------------------------ | | Design ID / Design Name | The identifiers displayed when selecting a design for a creative. | | Design Type | Banner Studio or Survey. | | Main Template | The primary size for which the design was created. | | Additional Sizes | The additional sizes in which the design can serve. | | Associated Creatives | The number of creatives using the design. Select the number to open those creatives. | | Updated Date | The date of the most recent edit. | | Status | Draft, Published, Paused, or Archived. | | Publish | Controls whether the design is published. | A warning icon indicates that the design contains changes that have not yet been applied to its associated creatives. *** ## Design Statuses and Actions ### Design Statuses #### Draft A new design is initially created with the **Draft** status. Draft designs are still being developed and cannot be selected for a creative. #### Published Published designs are available for selection when creating or editing a creative. #### Paused Pausing a design prevents it from being added to new creatives. Creatives already associated with the design continue running. #### Archived Archived designs are hidden from the standard design list and cannot be selected for new creatives. Creatives already associated with an archived design continue running. ### Publish Switch The **Publish** switch moves a design between Draft, Paused, and Published status. This switch controls the design’s availability for selection. It does not change the version currently used by associated creatives. ### Design Actions | **Action** | **Description** | | -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | | Edit | Opens the design builder. | | Duplicate | Creates a separate copy of the design as a new Draft named “Copy of …”. | | Push Latest Version to Creatives | Regenerates the content of all associated creatives using the current design. This option is available when the design has unpublished changes. | | Archive | Removes the design from selection while leaving associated creatives unaffected. | *** ## Create a Design Select **+ New Design**, and then choose: * **Banner Studio** * **Survey** You cannot change the selected Design Type afterward. To use another type, create a new design. ### Design Builder The builder contains two main areas: * **Form:** Contains the design settings. * **Preview:** Displays a live preview that updates as you edit the design. The preview displays the design at its main size. If the design is larger than the preview panel, it is scaled down, and the scale percentage is displayed. You can enable the "Preview sizes" switch to see the additional supported sizes. Select **Refresh** to manually render the preview. ### Load an Example For a new design, select **Load Example** to populate the builder with an existing example, such as Retail, Travel, or Brand Lift. You can review or modify the example and use it as a starting point. The design isn't saved until you select **Save**. ### Design Actions The following actions appear at the top of the builder: * **Cancel** * **Save** * **Save & Update Creatives**, when the design has associated creatives. ### Testing Pages After you first save a design, the **Testing Pages** section appears below its header. Select **Open a Test Page** to test the design and review triggered events. Select **Share Test Page** to share a link to the test page. ### Configure Design Sizes For Banner designs, select the primary size under **Main Template**. For Survey designs, select it under **Main Asset Size**. Use **Supported Sizes** to select up to four additional sizes. Enable **Preview Sizes** to display previews of all additional sizes below the main preview. ### Examples of Available Banner Templates | **Template** | **Size** | | ----------------------------- | ----------- | | Medium Rectangle | 300 × 250 | | Leaderboard | 728 × 90 | | Skyscraper | 160 × 600 | | Mobile Banner | 320 × 50 | | Mobile Interstitial | 320 × 480 | | Mobile Landscape Interstitial | 480 × 320 | | Billboard | 970 × 250 | | Square | 1200 × 1200 | *** ## Build a Banner Design Complete the Banner Studio form from top to bottom. The preview updates as you configure the design. ### Content Settings | **Field** | **Description** | | --------------- | ---------------------------------------------------------------------------------------- | | Name | Required internal name for the design. | | Main Template | Required primary size. | | Supported Sizes | Up to four additional sizes. | | Headline | Main line of text. | | Body Text | Secondary text. | | Click Action | Determines whether the entire banner or only the CTA button is clickable. | | CTA Text | Button label. The default is “Learn More.” Required when only the CTA is clickable. | | Ad Label | A small label, such as “Ad” or “Sponsored,” displayed when **Show Ad Label** is enabled. | | Disclaimer | Small-print text. | A Banner design must contain at least an image or Headline/Body Text. It cannot be empty. ### Background, Image, and Logo The background can use either an image or a background color, but not both. #### Background Image Enter an image URL or select **Choose** to use an uploaded image. Use **Image Opacity** to control the image visibility. An opacity of 100% displays the image at full opacity and prevents the background color from showing through. #### Background Color Choose a solid color or gradient. A background color is required when the design does not contain a background image. #### Logo Enter a logo URL or select **Choose** to use an uploaded image. ### Layout Settings #### Content Position Use the 3 × 3 position grid to anchor the text block. Select an adjacent cell in the same row to extend the content across two cells, or select all three cells to use the complete row. #### CTA Position By default, the CTA is positioned with the content. Enable **Position CTA Separately** to assign it a separate position using the same grid. #### Image Fit Choose how the image fits within the design: * **Cover:** Fills the available area and crops the image when necessary. * **Contain:** Displays the complete image within the available area. * **Auto:** Applies automatic image sizing. #### Overlay Select an overlay to improve text readability over the image: * Gradient Dark. * Gradient Light. * Band. * Solid. * None. ### Colors and Styles Select a Preset to establish the design’s base appearance: * Light. * Dark. * Warm. * Vibrant. Enable **Show Style Overrides** to customize individual style settings. Overrides are optional. Select **Clear** to return an individual setting to its Preset value. Available color settings include: * Headline. * Body. * CTA Background. * CTA Text. * Disclaimer. * Ad Label Background. * Ad Label. Available Headline and Body fonts include: * System. * Montserrat. * Roboto. * Open Sans. * Inter. The System font uses the font available on the viewer’s device. As a result, its appearance may vary between devices. The following detailed style settings accept free-text values such as 6px or 1px solid #ccc: * CTA Border Radius. * CTA Border. * Ad Border. * Ad Border Radius. * Logo Border Radius. * Text Shadow. * Logo Shadow. ### Banner Validation The design cannot be saved when: * The Name is empty. * A Main Template has not been selected. * The design has no image, Headline, or Body Text. * The design has neither an image nor a background color. * The Click Action is CTA-only and CTA Text is empty. Validation errors appear at the top of the form. *** ## Build a Survey Design A Survey design contains a sequence of pages. Each page presents a question and a set of answers. Each answer defines the next action, such as opening another page, opening a landing page, completing the survey, or closing the ad. ### Survey Flow Map The flow map appears above the form. It displays: * The Survey pages. * The answers on each page. * The action associated with each answer. Select a page in the map to open its settings. A dashed red connector indicates that an answer has no destination. This must be corrected before the design can be saved. Select **Hide Map** or **Show Map** to collapse or display the map. ### General Survey Settings | **Setting** | **Description** | | ------------------------ | ----------------------------------------------------------------------- | | Main Asset Size | Required primary size for the Survey design. | | Supported Sizes | Up to four additional sizes. | | Background | An image or color, but not both. | | Global Font | System, Montserrat, Roboto, Open Sans, or Inter. | | Question Color | Color of the question text. | | Supporting Text Color | Color of the secondary text. | | Answers Color | Color of the answer text. | | Answers Background Color | Background color of the answer buttons. | | Environment | Web, in-app, or both. | | Responsive | Fixed, Scale to Fit, or Responsive. | | Start Page | The first page shown to the viewer. | | Chrome | Optional Progress Bar, Close button, and Sponsored label and text. | | Logo | An image URL or an image selected from uploaded files. | | Form Submit Event | The tracking event triggered when the viewer reaches the Finish action. | ### Survey Pages Select **+ Add Page** to add a page. A Survey can contain up to 10 pages, and at least one page must remain. Select a page header to expand or collapse it. Select **Remove** to delete it. | **Field** | **Description** | | ----------------------------- | ----------------------------------------------------------------------- | | Name | Internal page name displayed in the flow map and destination selectors. | | Type | Question or Completion. | | Page Style Override | Optional colors, background, and font settings for the specific page. | | Question / Headline | Question text or the Headline displayed on a Completion page. | | Supporting Text | Secondary text displayed below the Question or Headline. | | Answer Layout / Button Layout | Vertical, Horizontal, Grid, or Grid-3. | Page Style Overrides replace the Survey’s default styling for that page. Settings that are not overridden continue using the Survey defaults. An **Active** indicator appears when a page contains overrides. Select **Reset to Survey Color** to clear an individual color override. ### Survey Answers Each page can contain up to six answers. On a Completion page, answers are optional and function as buttons. Configure the following for each answer: * **Answer Label:** The text displayed to the viewer. * **Event:** An optional tracking event triggered when the answer is selected. * **Action:** The next action performed by the Survey. Available events are: * Custom Event 1–5. * Form Submission. Available actions are: | **Action** | **Result** | **Additional setting** | | --------------------- | ---------------------------------------------------- | -------------------------------- | | Go to Page | Opens another Survey page. | Destination page | | Open URL | Opens a landing page. | URL | | Open URL and Continue | Opens a landing page and proceeds to the next page. | URL | | Open URL and Finish | Opens a landing page and ends the Survey. | URL and optional Completion page | | Finish | Ends the Survey. | Optional Completion page | | Exit | Closes the ad. Intended mainly for Completion pages. | None | ### Preview a Survey Use the previous and next arrows in the preview panel to move between pages without selecting answers. The **Page x/y** counter shows the currently displayed page and the total number of pages. ### Survey Validation Errors appear at the top of the Survey form, preventing the design from being saved. Common errors include: * A page has no Question or no answers. * An answer has no Action. * An Action does not have a required destination page or landing-page URL. * An answer points to a page or Completion page that no longer exists. * A page cannot be reached from the Start Page. * A page has no path to Finish or Exit. * The background is configured as an image or color, but no value is selected. * A landing page or tracking URL is invalid. Warnings appear in yellow and do not prevent saving. Examples include: * The Survey does not have a Completion page. * The same Custom Event is used in multiple places. * A placement size may be too small for comfortable interaction. *** ## Testing Pages Once a design is saved, a Testing Pages section will appear directly below the design name and ID. From here, you can access a test page via a link or button to preview your design, evaluate the workflow, and review all triggered events. *** ## Use a Design in a Creative A design does not serve independently. It must be associated with a creative. {% stepper %} {% step %} ### Open or create a creative Open an existing creative or create a new one. {% endstep %} {% step %} ### Select the media type Select **Banner** as the Media Type. {% endstep %} {% step %} ### Select the creative template Select **HTML** as the Creative Template. {% endstep %} {% step %} ### Select the Creative Studio design option Under **Creative Design**, choose **Use Creative Studio Design**. {% endstep %} {% step %} ### Select a design Under **Select Creative Studio Design**, select the required design. {% endstep %} {% step %} ### Confirm the Ad Size filter Confirm the Ad Size filter, which is automatically populated using the sizes configured in the design. {% endstep %} {% step %} ### Enter the Click URL Enter the creative’s Click URL. {% endstep %} {% step %} ### Save the creative Save the creative. {% endstep %} {% endstepper %} Creative previews always open landing pages in a new tab. ### Survey Attribute Configuration When utilizing a survey layout for your creative, you have the option to specify it as a SURVEY within the creative’s Filters section via the Attribute filter. Consequently, any inventory requests that contain the SURVEY attribute in the blocked attributes field of the RTB request will be automatically excluded. *** ## Update Associated Creatives Editing and saving a design does not automatically update its associated creatives. Updates must be applied deliberately. ### Update All Associated Creatives from the Builder Select **Save & Update Creatives** to: * Save the design. * Regenerate the content of every associated creative. * Apply the update immediately to live creatives. A confirmation message displays the number of affected creatives. ### Update All Associated Creatives from the Design List Select **Push Latest Version to Creatives** from the design’s row actions. This applies the current design version to all associated creatives. *** ## Creative Studio Delivery Designs created in Creative Studio are intended to run through the Gamoshi platform. When a design is associated with a campaign creative and delivered through Gamoshi, it is displayed according to its configured design. Creative Studio designs do not display when copied to another advertising platform or served independently outside Gamoshi. If the associated campaign or account is stopped, its creatives also stop displaying. *** ## Quick Reference ### Limits | **Setting** | **Limit** | | ------------------------------------- | --------- | | Additional supported sizes per design | 4 | | Survey pages | 10 | | Answers per Survey page | 6 | ### Tracking Events The builder supports: * Custom Event 1–5. * Form Submission. Contact your account manager to confirm which URL each Custom Event uses for your account. ### Terms | **Term** | **Meaning** | | --------------------------------------------- | ------------------------------------------------------------ | | Design | A reusable template created in Creative Studio. | | Main Template / Main Asset Size | The primary size in which the design is built and previewed. | | Supported Sizes | The additional sizes in which the design can serve. | | Associated Creatives | Creatives currently built from the design. | | Publish | Makes the design available for selection by creatives. | | Push Latest Version / Save & Update Creatives | Applies the current design content to associated creatives. | *** ## Related articles * [How to create a Creative](/gamoshi-wiki/how-to-guides/how-to-create-a-creative.md) * [How to Create Native Banner Creatives](/gamoshi-wiki/how-to-guides/how-to-create-native-banner-creatives.md) * [Click URL overview](/gamoshi-wiki/general-information/click-url-overview.md)