Set up Atomato for a client,
then hand it over cleanly

Atomato has no roles of its own. Anyone the store owner lets open Atomato in Shopify admin can use every part the store's plan includes: create, edit, pause and delete campaigns, change Settings and, on plans with integrations, connect or disconnect them.

The store owner gives each staff account, or the collaborator account your agency uses, access to Atomato under Settings > Users in Shopify admin. Add Manage app billing only for the people who choose or change the plan. Without it, the Billing page and the first step of the setup guide show Permission required.

Atomato makes its changes with the store's own access, not each person's staff permissions. Depending on the plan, anyone who can open it can create NotiSell discounts, schedule theme publishing with Theme Launcher, and add Custom CSS, Custom JavaScript and SVG code that runs for shoppers. Give app access only to people you trust with that.

Each person signs in through their own Shopify account, so the campaign list shows the first name of whoever last saved each campaign in the Admin column.

Set up Atomato for a team or agency

The Atomato app embed is switched on theme by theme, under App embeds in the theme editor. Campaigns and everything under Settings, including bell placement, the bell icon and Custom CSS, are saved once for the whole store, so a staging theme shows the same campaigns and styling as the live one.

For a header bell, use Advanced placement options in Settings > NotiFeed styling:

• Add using CSS selector: comma-separated selectors, up to 200 characters. Selectors that match nothing are skipped, so one list can cover several themes. An invalid selector stops the header bell on every page.
• Add using snippet: click Copy code, paste it next to the cart icon in each theme's header, then click Save. There is no fallback, so a theme without the snippet has no header bell. Copy the code again after changing Custom bell icon.
• Choose bell placement writes selectors for you, but it only loads the live theme's home page, so run it once a new theme is live.

Theme Launcher only publishes the themes you pick. It doesn't turn on the app embed or check for it, so switch Atomato on in each theme before its launch.

Place the bell with a CSS selector or a theme snippet

Use Atomato on several themes or a staging theme

Custom CSS, under Settings > NotiFeed styling, takes up to 500 characters and works on every plan. It reaches the feed, NotiSell product cards, NotiEmail and NotiSMS steps, the floating bell and a header bell that Atomato places. It never reaches NotiPop messages or a bell pasted in as a snippet, so style those with NotiPop styling or from your theme. The feed renders in its own layer, so start rules with Atomato's own names, such as #atomato-app or [data-notifeed-bell].

Custom JavaScript (optional) on a NotiFeed or NotiPop Setup tab runs when a shopper clicks the button, in place of the link. On NotiSell, Custom Function After Add to Cart runs after the product is added, instead of opening the cart page. Each message holds up to 500 characters, so for longer code, call a function you add to the theme. Atomato doesn't check the code, and it runs for every shopper who clicks.

Your own bell goes in Custom bell icon as SVG code of up to 5,000 characters, on Scale and Enterprise+.

The storefront reference for developers lists the element names, data attributes and console messages. Atomato's script objects aren't a supported API and can change in any update, so don't build on them.

Before your agency steps away, write down what you built and move the account details to the client's team:

• How the bell is placed: Floating icon, Choose bell placement, Add using CSS selector or Add using snippet. For the snippet, list every theme it is pasted in.
• The Custom CSS, with a note on what each rule does.
• Campaigns whose button uses Custom JavaScript (optional), NotiSell campaigns with Custom Function After Add to Cart, and the theme or app function each one calls.
• Scheduled campaigns and Theme Launcher schedules, since they go live or publish a theme on their own.
• Your agency's addresses in Settings > Email notifications, swapped for the client team's.
• Each platform connected under Integrations, and whose account each connection belongs to.
• Who holds Manage app billing and looks after the plan on Billing.

Once the client has everything, ask the store owner to remove your access under Settings > Users. That doesn't change Atomato's email list, so delete your addresses from Email notifications too.

Each store that installs Atomato has its own plan, chosen on that store's Billing page in Atomato. Paid plans are approved on Shopify's confirmation page, and the charge appears on that store's Shopify bill with its other apps. Prices are in US dollars, and Shopify converts them if the bill uses another currency.

Only the store owner, or a staff account with Manage app billing, can change the plan. Scale and Enterprise+ include a free trial of up to 14 days, counted from the day Atomato is first installed on that store. Paid plans are billed every 30 days or once a year, and paying yearly costs 15% less than twelve monthly payments.

Moving a store to a different Shopify plan doesn't change its Atomato plan. Invoices are in Shopify admin under Settings > Billing.

See plans and pricing

For agencies and brands running Atomato on more than one store, the Custom plan covers pricing across several stores, with onboarding and campaign setup from the Atomato team. It includes everything in Enterprise+ and is billed through Shopify like the other plans. It isn't in the plan list inside Atomato, so the Atomato team sets it up with you.

Contact us and pick the multi-store and agency topic in the form. The team answers Monday to Friday, 9 AM to 5 PM Pacific Time.