Appnatively
Appnatively
Knowledge Base
Go to Studio
Knowledge Base
Go to Studio
Getting Started
Welcome to AppNativelyCreate your first appFinding your way around the Studio dashboard
Website Connection
Connect your website to AppNativelyInstall and update the required pluginChoose which plugins power your app“Website Not Connected” – what it means and how to clear itFix a failing or dropped connection
App Editor
Build your app with AI chatWrite prompts that get the screen you wantUndo an AI change you don’t wantEdit screens and components by handManage your app’s pagesDesign your headerDesign your bottom navigationAdd and edit drawersManage your themeHow your changes reach your usersSave vs. Publish – what each one doesWhen a new release is requiredWhen AI gets it wrong
Splash & App Icon
Set your app iconAdd Android Adaptive Icon layersDesign your splash screenRecommended image sizes
Publishing Setup
What you need before your first buildSet your app’s name, slug, and package IDAdd Android credentials and your keystoreAdd iOS certificates and provisioningConnect Google PlayConnect the App StoreSet up Firebase Configuration
Build & Deploy
Connect GitHub before you buildBuild your app – and submit it to the storeFix a failed build
Push Notifications
Create and send a push campaignTrack campaign performanceNotifications aren’t arriving
Integrations
Connect a third-party service

Website Connection

Your app doesn’t have content of its own – it pulls everything from the website you connect here. Products, pages, structure, all of it. That makes this the single most important setup step for a new app, and it’s the one thing the App Editor won’t open without. It’s also the place to come back to when an app that was working suddenly isn’t, because a connection can break from the website side without anything changing in AppNatively.

What Website Connection covers

Connect your website to AppNatively is the main event: enter your site details, test it with Check Connection, and save. Your site also needs one small plugin installed first, which is its own article. Once you’re connected, a WordPress Plugins card appears where you tell AppNatively which of your active plugins should power each part of your app – WooCommerce for products, for example.

The last two articles are for when things go wrong: the full-screen “Website Not Connected” message that blocks the editor, and a connection that used to work and now doesn’t.

Before you start

You’ll need an app to connect a website to – see Create your first app if you haven’t made one yet.

FAQ

Finding your way around the Studio dashboard
Connect your website to AppNatively
Was this page helpful?
On this page
What Website Connection coversBefore you startFAQWhat’s the difference between Check Connection and Save Configuration?+Do I need to install anything on my website?+I fixed my connection, so why does the App Editor still say “Website Not Connected”?+