This app implements the Mention Me Referrer and Referee journeys within the Shopify Checkout Extensibility tools.
This application is work in progress, and we recommend reaching out to us at [email protected] if you're interested in using it.
Our goal is to have this as an app you can install directly within your store. In the meantime, we can work with you to implement the experience in your store.
Installing this application as a custom app should work for any Shopify store.
Access to the admin panel (to change settings) will require some custom configuration. Please contact our team at [email protected] and we will assist you.
Follow the steps below to add this application as a Custom App to your Shopify Store(s).
From the root of the repository:
- On the command line and in this directory, run
yarn run deploy --reset
- Choose your organisation
- Choose "(y) Yes, create it as a new app"
- Enter a name, e.g. "Mention Me - My Store"
- Confirm (or edit if desired) the configuration file name
- Confirm including the toml file on deploy
- Confirm you'd like to release a version.
You will get a warning that the app requires Network Access.
To do this, visit partners.shopify.com and login. Then:
- Find your App in the App list
- Under "API Access", click "Allow network access".
- (Optional) Under "Configuration" change the Logo and API Contact Email.
- Return to "Overview" and copy the Client ID.
Now, edit your shopify.app.<store-name>.toml
file to be similar to the configuration
of shopify.app.custom-example.toml
.
You will need to:
- Ensure the redirect_url matches the
shopify.app.custom-example.toml
file. - Ensure the
application_url
includes your client ID
Finally, run yarn run deploy
again, this time confirming you wish to deploy. Shopify CLI should confirm that your
configuration has changed.
Once ready to install the app, choose "Distribution" from the partners.shopify.com menu for this app.
Select "Custom Distribution", and confirm the "myshopify.com" domain of one of your stores, e.g. "my-store.myshopify.com".
This will generate a URL which you can now use to install the app in your store.
The final step is to install the app. Installing the app will work, but you will not be able to access the admin panel to change settings like your Mention Me Partner Code.
To do this, please contact [email protected] and we will guide you through the process of doing this.
The method bundleExtension
in node_modules/@shopify/cli/dist/index.js
has a minify option. Set to false to get
for the function buildUIExtension
unminified code.