Skip to main content

How to Install the Debutify Custom App?

A step-by-step guide to creating and installing the Debutify Custom App in your Shopify store.

Taynara Barboza avatar
Written by Taynara Barboza
Updated today

This guide walks you through creating a custom app in your Shopify Dev Dashboard, configuring the required permissions, and connecting it to your Debutify dashboard.


Installing the Debutify Custom App allows automatic theme uploads and enables full functionality such as banners and logos.

โš ๏ธ Important: Without the Debutify Custom App, your theme will be limited to color settings only, and banners/logos will not function.

How to Access the Shopify Dev Dashboard?

STEP 1

Log into your Shopify admin account, and click on Settings.

STEP 2

Once you are on the Settings page, click on Apps and locate Develop apps.

STEP 3

Click on the Learn more button.

STEP 4

You'll be redirected to a different page, click on Go to Dev Dashboard.


How to Create the Debutify App?

STEP 4
Under Start from Dev Dashboard, enter the app name Debutify App and click Create app.

STEP 5
In the URLs section, set App URL to: https://debutify.com/oauth anad Uncheck Embed app in Shopify Admin.


Configure App Permissions & Redirects

STEP 6
In the Access section, copy and paste the required Admin API Scopes provided by Debutify.

<button id="copyScopes">Copy All Scopes</button>

<textarea id="scopes" style="position:absolute; left:-9999px;">
read_analytics,read_customer_events,read_customers,write_customers,read_price_rules,write_price_rules,read_discounts,write_discounts,read_discounts_allocator_functions,write_discounts_allocator_functions,read_fulfillments,write_fulfillments,read_metaobject_definitions,write_metaobject_definitions,read_metaobjects,write_metaobjects,read_orders,write_orders,read_product_feeds,write_product_feeds,read_product_listings,write_product_listings,read_products,write_products,read_script_tags,write_script_tags,read_content,write_content,write_theme_code,read_themes,write_themes
</textarea>
<script>
document.getElementById("copyScopes").addEventListener("click", function () {
const textarea = document.getElementById("scopes");
textarea.select();
textarea.setSelectionRange(0, 99999); // mobile support
document.execCommand("copy");

// Optional feedback
this.innerText = "Copied!";
setTimeout(() => {
this.innerText = "Copy All Scopes";
}, 1500);
});
</script>

STEP 7
Set the Redirect URL to:
โ€‹https://debutify.com/oauth/callback

Did this answer your question?