You need to have a wordpress website before you implement the app. If you have wordpress website already then follow the simple steps given below to build your own WordPress Flutter App. Edit your wordpress theme. Update the wordpress functions.php file on your theme by appending the following code at the end. The app will not function. FlutterBloc The package FlutterBloc provides widgets to facilitate the connection between the logic layer and the ui layer. One of these is BlocProvider, which is like Provider but it handles overhead for the Bloc like creating and disposing things when necessary.
Intuitive admin interface
So easy to use. So easy to customize. You’re going to love the content you build better with ButterCMS.
Handy integration with Flutter
Our Flutter CMS has a simple content API and drop-in Flutter SDK that makes the magic happen in minutes, not hours.
A truly zero-maintenance solution
With ButterCMS, you’ll never worry about security upgrades, hosting, or performance again.
Drop our API-based CMS into your Flutter app in minutes.
ButterCMS provides a component-based CMS and content API for Flutter apps. Use ButterCMS to enable dynamic content in your apps for page content, blogs, and anything else. Most customers get our Flutter CMS set up in one hour or less.
That leaves plenty of time for you and your marketing team to do what you do best: create killer apps with killer content.
See how Butter’s API enables you to compose flexible page layouts and easily reorder components, without a developer.
“Best CMS on the market”
Butter's API slides right into our apps and lets us avoid having yet another WordPress site. DANIEL, FOUNDER OF COLLECTIVE IDEA
ButterCMS is the best headless CMS for Flutter for a simple reason: Flutter developers can build solutions that marketing people love. Our API allows your content gurus to quickly spin up high-converting, dynamic landing pages, SEO pages, product marketing pages, and more, all using simple drag-and-drop functionality.
- SEO landing pages
- Customer case studies
- Company news & updates
- Events + webinar pages
- Education center
- Location pages
- And more...
The simplest Flutter CMS you'll find
Our simple setup saves you time and money. Take us for a spin to see for yourself!
It's the epitome of plug-and-play simplicity for content creators. It does exactly what I need it to. LUKE GARDNER, CONTENT SPECIALIST, PRINTAVO
Fast integration with any Flutter app
Our mission was to make it easy to integrate Butter with your existing Flutter app in minutes. It’s so simple! To demonstrate, here’s a mini tutorial to give you a feel for the process of adding marketing pages to your Flutter app.
Of course, you can also use our Collections to do advanced content modeling. For a full integration guide, check out our Official Guide for the ButterCMS Flutter API client.
See how easily you can integrate the ButterCMS Pages API with your Flutter app.
Empower your marketing team with dynamic landing pages that align perfectly with your Flutter components.
Components are the essential building blocks of any Flutter app, and ButterCMS handles them with ease.
Our drag and drop interface makes it simple to structure your content to match existing Flutter components and to create new reusable components whenever you need them.
One Flutter CMS with everything you need
There’s a reason so many developers are choosing a headless Flutter CMS. It’s easy to set up, offers flexible, customizable content modeling, and gives you access to our full Flutter API.
- Custom page types
- Custom content modeling
- CDN for assets
- Webhooks
- Testing environment
- Customer case studies
- Location pages
Simple as can be, with powerful features and great customer support. DILLON BURNS, FRONT END DEVELOPER, KEYME
First you would set up a new Customer Case Study page type in Butter and create a page. With your page defined, the ButterCMS API will return it in JSON format like this:
To create these pages in our app, create the home_page.dart file:
The plugin also allows us to retrieve multiple pages using list() instead of retrieve().
We will try to list multiple client pages as:
That's it! If you browse to your homepage you'll see your homepage populated with the content you created in Butter.
Get Started for FreeGet to know the best headless CMS for Flutter
ButterCMS is an API-based headless CMS. We're a hosted service and we maintain all the infrastructure. We play nicely with an expanding list of leading technologies, including:
About ButterCMS
ButterCMS is an API-based, or 'headless', CMS. We're a hosted service and we maintain all of the infrastructure. For more information on how we compare to a traditional CMS check out API-based CMS vs Traditional CMS.
No database required! We're a SaaS CMS or CaaS. You simply call our Content API from your app. We host and maintain all of the CMS infrastructure.
Unlike CMS's you might be used to, we don't control or host any of your templates. The design of your app (HTML + CSS) lives in your application along side the rest of your app. Your application calls our Content API and we return your content in JSON format. You can then render this content in any way you'd like.
Flutter Wordpress Api
Yep. To import existing content from another platform, simply send us an email.
In short, we offer all the same easy-to-use editing capabilities of Wordpress but are significantly easier for developers to setup and maintain. This means you spend less time working on your CMS and more time focusing on things important to your business.
Flutter And Wordpress
No, we're a SaaS CMS or CaaS. You simply call our Content API from your app. We host and maintain all of the CMS infrastructure.
For more information on how we compare to a traditional CMS, check out API-based CMS vs Traditional CMS on the Butter blog. Do you have more questions? Read our FAQ below, or feel free to chat with us directly.
Chat With UsSee for yourself what makes Butter the best Flutter CMS out there. Click the button below to sign up for your free 30-day trial.
Introduction
Welcome to the documentation for WP JSON API for Flutter!
Here you'll be able to learn how it works and explore the features available.
If you have any questions please feel free to contact us
Requirements
To quickly get set up, you'll need to ensure that you have the below requirements.
WordPress 4.0+
Woocommerce Store 3.0+ (Optional)
Flutter
Installing the Plugin
Follow the below steps to install the plugin on your WordPress site:
Login into your WooSignal account (or create an account if you are new).
Once you reach the Dashboard, on the left nav bar look for 'Plugins' and click the link.
After downloading the plugin, visit your WordPress site and login to get to your admin dashboard. On your nav bar, look for 'Plugins' like the below image.
Select 'Add New' and proceed to the next step below.
Then select 'Upload plugin' like the below image
This will open a box below where you can upload a .zip file.
Click 'Choose file' can look for the WooSignal plugin you downloaded and select the .zip file to install. After you select 'Install Now'. You should then be able to activate the plugin from your WordPress admin to start using it.
If you followed all the steps above you should now be ready to start using the plugin in Flutter.
Next
Install the Flutter package
Add the following line to your pubspec.yaml file
2. Install it
You can install packages from the command line:
Error handling
If the request payload 'status' returns a value higher than 200 then an error has happened.
When an error occurs with an API request, the expected object response will return as null.
Initializing WPJson in Flutter
In your main.dart file create a new instance of WPJsonAPI like the following example below
Get Nonce
Returns a nonce token from WordPress, use the response token for logging in and registering new users.
Method
Returns WPNonceResponse | null
Verify Nonce
Returns the bool value if a nonce is still valid to use.
Flutter Wordpress Plugin
Method
Body Parameters
Returns WPNonceVerifiedResponse | null
Register a user
Register a user on WordPress
Method
Body Parameters
Returns WPUserRegisterResponse | null
WordPress Login
Login as a user on WordPress, this returns a userToken that you can use for future requests.
Method
Body Parameters
Returns WPUserLoginResponse | null
WordPress Users Info
Returns a users info from WordPress
Method
Returns WPUserInfoResponse | null
Update Users Info
Update an authenticated users info
Method
Returns WPUserInfoUpdatedResponse | null
Update Users Password
Update an authenticated users password
Method
Body Parameters
Returns WPUserResetPasswordResponse | null
API Requests: WooCommerce
WooCommerce Get Users Info
Returns a customers info from WooCommerce, we include the billing and shipping
Method
Returns WCCustomerInfoResponse | null
WooCommerce Update Users Info
Send the fields you want to update and the plugin will handle the rest
Method
Body Parameters
Returns WCCustomerUpdatedResponse | null