Installation and configuration

Please follow the instructions below to install the mooWP.

Install the mooWP plugin.

  • Download the mooWP plugin here
  • Go to Admincp of your existing wordpress site -> Plugins -> Add new
  • Click on “Upload plugin” button to add the ZIP file (mooWP.zip) downloaded from moosocial.com
  • Click Install Now to install
  • When installation is finished, Activate the plugin.

Install mooTheme template (don’t install if you want to use your existing theme)

  • Download the mootheme template here
  • Go to Admincp of your existing wordpress site -> Appearance > Themes -> select “Add New”
  • Click on “Upload Theme” button to add the ZIP file (mootheme.zip) downloaded from moosocial.com
  • Click Install Now to install
  • When installation is finished, Activate the theme.

Install mooSocial platform

Please do this step if you use a self-hosted package. If you use our cloud package. Please ignore this section.

Download the moosocial platform (moosocialwp.zip) here. Follow the instructions here to install mooSocial

It’s recommended to purchase a separate hosting package to install mooSocial. If your existing hosting is strong enough, you can install a community site at the same place with your existing Worpdress installation.

Configuration

After installing, please follow the below steps to configure.

General setting for mooWP plugin

Go to Admincp of your existing wordpress site -> mooSocial integration

settings

(1) Enter the mooSocial website url
(2) Click on “Generate security key” to create a key. We will add this key into the settings at the admin dashboard of mooSocial site.
(3) This setting will not apply to mootheme, if you use your own theme, you can use this setting to configure the position of the notification and message icon at your WordPress site. See below screenshot

notification icons position fe
(4) to indicate that the moosocial site is enabled or not.
(5) click on this link to access the admin dashboard of the community site. It does not work if the moosocial is not installed yet.

General settings for the “Wordpress integration” module at the community site.

Go to Admincp of your existing wordpress site -> mooSocial integration -> click on “Access To Community Admin Panel”, it will take you to admin panel of the community site

access community admincp

At the admin panel of the community site, please navigate to the Plugin manager -> WordPress integration module

wp integration

(1) Allow you to enable/disable the integration.
(2) Enter your existing Worpdress site URL
(3) Security key: enter the key the you generate at the mooWP plugin at your WordPress website
(4) Enable/disable the cart icon at the community site. If your wordpress site installed the WooCommerce plugin, you should enable this option
(5) login URL of the “Login” in the community site. You need to configure this correctly because the login/sign up is already disabled at the community site. The login/sign up will be through the Wordpress site.

login link url
(6) Same as #5, you also need to configure the registration url for the “Register” link at the community site. It should be the registration link of your WordPress site.
(7) If you don’t want to show the login link at the community site, you can disable it using this setting.
(8) If you don’t want to show the register link at the community site, you can disable it using this setting.

Navigation bar setting for mooWP plugin

After installing the mooWP, you can see the mooSocial menu item at the menu section in your WordPress site’s dashboard. All of the pages from the community site will automatically be imported to allow you to insert into the main navigation bar of wordpress site.

You can create a menu named “community” then insert all of the main pages of the community side under it like what we did at the demo site here. See below screenshot

Menuwp

 

wp sample menu

Navigation bar setting for Community site

Now, it’s time to configure the navigation bar for the community site to make the navigation the same at both platform and me the integration much more seamlessly with end users

Go to Admincp of your existing wordpress site -> mooSocial integration -> click on “Access To Community Admin Panel”, it will take you to admin panel of the community site

access community admincp

At the admin panel of the community site, please navigate to the Plugin manager -> WordPress integration module

wp integration

Enter your existing WordPress site URL into “WordPress address URL” if you have not entered it yet and click on “Save changes”

Navigate to the “System admin” -> Menu (see below screenshot), you will see all of the menus from the WordPress site have been imported to allow you to insert into the navigation bar of the community site.

admin menu at social

Insert the desired menu into the main navigation bar of the community to make the navigation the same at both platforms and save the changes.

What should I do next if I already have an established WordPress website and a theme?

If you already have an established WordPress website and want to change the look and feel of a community site following the look and feel of the existing site, Please contact us here. We will help you modify the look and feel of the community site the make it match with your existing Wordpress site.

Last Updated On August 30, 2023