Christmas
TwentyFive
Get 25% Discount
Skip to content
RexTheme
  • Home
  • Plugins
    • WP VR
    • Product Feed
    • Cart Lift
  • Docs
  • Support
  • Blog
  • Account
    • Log In
  • Contact Us

Cart Lift

  • Introduction To Cart Lift
  • Getting Started With Cart Lift
  • Install And Activate Cart Lift
  • A Basic Plugin Overview – Cart Lift
  • Configure And Use Cart Lift Effectively
  • How To Track Abandoned Carts Automatically
  • How To Set Up Your Abandoned Cart Recovery Campaign
  • How To Use Twilio SMS Service To Recover Abandoned Carts – Cart Lift Pro
  • How To Get Notifications For Abandoned Carts And Recovery
  • Get Full Analytics Report On Recovery Campaign
  • Shortcodes for Email Fields in Cart Lift
  • How To Upgrade To Pro – Cart Lift
  • Troubleshooting For Common Issues – Cart Lift

Product Feed Manager

  • Product Feed Manager – Documentation
Getting Started
  • Introduction To Product Feed Manager For WooCommerce
  • Getting Started With Product Feed Manager For WooCommerce
  • How To Install And Activate PFM
  • How To Generate Product Feed For The First Time
  • Basic Plugin Overview – Product Feed Manager Pro WooCommerce
  • How To Generate A Custom Product Feed Easily
Upgrade To PFM Pro
  • How to Upgrade to Pro – PFM
Auto-Sync To Google Shopping
  • How To Auto-sync Product Feed To Google Merchant Center
  • Upload your WooComerce product feed directly to the Google Merchant Center – (No Need For Authorization)
Category Mapping
  • How To Use Category Mapping For Product Feed
  • How To Use Category Mapping For Google Product Category
  • How To Configure Category Mapping For Facebook Product Category
Feed Generation Instructions
  • How to generate WooCommerce Product Feed for Google
  • How to generate WooCommerce Product Feed for Facebook
  • How to Upload your WooCommerce Products on the Facebook Store
  • How to create a feed for eBay MIP
  • How to create a Target Product feed for Target Marketplace
  • How to create a WooCommerce product feed for Wish.com
  • How to create a WooCommerce product feed for Sears Marketplace
  • How to create a WooCommerce product feed for NewEgg Marketplace
  • How to create a WooCommerce product feed for Walmart
  • How to create a WooCommerce product feed for Instagram Catalog
  • How to upload products on Instagram Shop
Understanding Basic Feed Configuration For Required Attributes
  • Product Feed Optimization with Yoast SEO Product Title, Meta Description and Primary Category
  • How To Add A Static Prefix or Suffix To An Attribute In The Feed
  • How To Add A Custom Attribute To The Feed
  • How To Add Or Remove An Additional Product Attribute In The Feed
  • Learning About Feed File Types And How To Download Or View Feed
  • Optimize Product Feed Data With Effective Output Filters
  • Understanding And Configuring Feed Attributes and their values
  • How To Remove HTML Tags Or Shortcodes From A Feed
  • How To Use UTF-8 Encode To Convert HTMLEntities To Symbols In A Feed Attribute Value
  • How To Convert Symbols To HTMLEntities In A Feed Attribute Value
  • How To Include CDATA In An XML Feed Attribute Tag
  • How To Remove Decimal From Price For Marktplaats Feed
  • How To Replace Space With Hyphen In A Feed Attribute Data
  • How To Use A Custom Field Value In The Product Feed
  • How To Add Currency To Your Product Price
  • How To Use Yoast Primary Category In The Feed
  • How To Use RankMath Primary Category In The Feed
  • Useful Options On The Controls Tab
  • Understanding The Use of Different Price Attributes
Useful Control Options
  • Useful Options On Settings Tab
  • Control Products Per Batch In Batch Processing
  • Connect Facebook Pixel With WooCommerce For Dynamic Ads
  • Add Extensive Custom Fields Of Unique Identifiers For WooCommerce Products
  • Add Custom Fields For Important Product Attributes
  • How To Add Extensive Custom Fields To WooCommerce Products
  • How To Exclude Tax From Structured Data Prices
Useful Features For Feed Generation
  • How To Exclude Invisible Products / Hidden Products From Product Feed
  • How To Use Custom Filter When Generating Product Feed
  • How To Use Category Filter When Generating Product Feed
  • How To Use Tag Filter When Generating Product Feed
  • How To Use Feed Filter Options When Generating Feed
  • How To Schedule Auto-update of Feed On Set Intervals
  • How To Include Variable Products To The Feed
  • How To Include Private Products In Product Feed
  • How To Include Product Variation Term To The Product Name
  • How To Add UTM Parameters To Product URLs
  • How to use the Feed Rule feature to manipulate attribute values
  • How to use the dynamic pricing feature to manipulate your product price
  • How to combine multiple attributes values together with the Combined Attributes feature
  • How to use the Product Filter option to include/ exclude specific products
  • How To Set Custom Time Intervals For Auto-Feed Update
Fix JSON-LD Structured Data For Variable Products
  • Fix WooCommerce (JSON-LD) Structured Data For Approval In Google Shopping
Others
  • How To Include Brand Name In The Feed Using Perfect Brands For WooCommerce And PFM
  • Enable Error Log for Product Feed Manager For WooCommerce
  • How To Generate Product Feed In Multiple Languages With WPML
  • How to schedule custom feed refresh interval with Product Feed Manager using WP Crontrol
  • How to include Shipping values into WooCommerce product feed (Google & Facebook)
  • How to include Tax values into your WooCommerce Product Feed (Google & Facebook)
  • How to generate a WooCommerce product feed with the top sold products to sell more
  • Update your feed only if any changes were made to any of your products
  • How to include WooCommerce Shipping values into your feed (Except Google & Facebook)
  • How to convert product feed price with WPML / WCML
  • How to generate product feed in multiple languages with Polylang
Troubleshoot
  • Troubleshooting Common Issues – Product Feed Manager For WooCommerce
  • Product Missing On Facebook Commerce Manager – Facebook & Instagram
  • Product Missing on Google Merchant Center/ Product Not uploaded
  • Google Shopping Product Feed Specification – Attributes List
Etsy Addon
  • Product Feed Manager for WooCommerce Etsy Integration – How to guide
All Google Feeds
  • How to create a WooCommerce product feed for Google Review
  • How to create a WooCommerce product feed for Google Remarketing (DRM)
  • How to create a WooCommerce product feed for Google Local Products
  • How to create a WooCommerce product feed for Google Local Products Inventory
  • How to create a WooCommerce product feed for Google Manufacturer Center
  • How to create a WooCommerce product feed for Google Merchant Center Promotion
  • How to create a WooCommerce product feed for Google Shopping Actions
  • How to create a WooCommerce product feed for Google Dynamic Display Ads (Google Ads)
  • How to create a WooCommerce product feed for Google Express (Former Google Shopping Actions Program)
  • How to create a WooCommerce product feed for Google Local Inventory Ads
  • How to create a WooCommerce product feed for Google Custom Search Ads
  • How to create a WooCommerce product feed for Google Dynamic Search Ads

VR Places Theme

  • How To Install And Activate VR Places Theme
  • How To Customize Global Settings for VR Places Theme

WP VR

  • Getting Started with WP VR
Getting Started
  • Introduction To WP VR
  • Getting Started With WP VR
  • How To Install And Activate WP VR
  • How To Create A Simple Virtual Tour In 5 Minutes – WP VR
  • How to Embed A Virtual Tour And Customize It – WP VR
  • WP VR Basic Plugin Overview
Upgrade To WPVR Pro
  • How To Upgrade To Pro – WPVR
Using WPVR Premium Add-ons
  • How To Integrate Fluent Forms On A Virtual Tour
  • How To Integrate WooCommerce To A Virtual Tour
  • How To Embed Virtual Tours On Non-WordPress Websites
How To - Basic Settings
  • How To Use Exclusive Features On General Settings To Customize A Virtual Tour
  • How To Add A Preview Image To Your Virtual Tour – WPVR
  • How to Enable Auto Rotation For Your 360 Virtual Tour – WP VR
Using Advanced Settings
  • How To Enable Gyroscope Sensor On 360 Virtual Tours
  • How To Set Up A Scene Gallery On Virtual Tours
  • How To Add Background Music To Virtual Tours
  • How To Limit Keyboard Controls For Navigation And Zoom
  • How To Limit The Use Of Mouse Scroll To Zoom Or Drag To Move A Tour
  • How to Add A Virtual Tour Icon or Your Company Logo in 360 Degree Tours – WPVR
  • How To Set YouTube Explainer Videos Inside Virtual Tours 
  • How To Enable The Support for VR Headset for Phones
  • How To Set Individual Hotspot Icon Color and Animation In Panorama Images
  • How To Set Virtual Floor Plans Inside Your Tours – WPVR
Setting Up Control Buttons
  • Using Custom Icons For Navigation And Control Buttons In A Virtual Tour
  • How To Add A Home Button To Your Virtual Tour
Turn Panorama Images Into Live Scenes
  • How To Add A Scene To Your Virtual Tour
  • How To Use Scene Settings To Customize A Scene
  • How To Set Default Scene Face On A Virtual Tour
  • How To Set Custom Zoom Settings On A Scene In Your Virtual Tour – WPVR
  • How to Set 360 Image Grab Limit On A Scene in Your Virtual Tour – WPVR
Use Hotspots for Navigation & Information
  • How To Add Hotspots To A Scene In Your Virtual Tour
  • How To Use Hotspots To Show Information, Images Or Videos
  • How To Use Hotspots To Go From One Scene To Another
  • How To Customize Hotspot Icons And Color
  • Embed A Self Hosted Video on WPVR Hotspots
  • How To Embed Youtube Videos Inside Virtual Tours Using WPVR
  • How To Set Hotspot Content Easily Inside Virtual Tour – Using WYSIWYG HTML Editor
Create 360 Degree Video Tours
  • How To Embed A Youtube 360 Video On Your Website Using WPVR
  • How To Create A Virtual Tour Using Self Hosted 360 Degree Interactive Video with WPVR
Embed Google Street Views
  • How To Embed A Google Street View Tour On Your Website Using WPVR
Partial Panorama & Full View Virtual Tours
  • How To Create A Virtual Tour With Partial Panoramas or iPhone Panoramas
  • How To Create A Virtual Tour With Mobile Phone Panorama Images
  • How To Create Full Screen Virtual Tours – WPVR
  • How To Set A 360 Panorama Background Virtual Tour
Publish Virtual Tours on Your Website
  • How To Embed A Virtual Tour Using WPVR Gutenberg Block
  • How To Embed A Virtual Tour Using WPVR Elementor Widget
  • How To Use WP VR Oxygen Element To Embed A Virtual Tour
  • How To use a WPVR Shortcode to Embed a Virtual Tour
  • How To Embed WPVR Virtual Tours Using Visual Composer Element
  • How To Publish A Virtual Tour Using WPVR Panorama Module for Divi
Import, Export, & Duplicate Virtual Tours
  • How To Export And Import Virtual Tours
  • How To Duplicate A Virtual Tour
Troubleshooting - Solve Common Issues
  • How To Exclude WPVR From Autoptimize
  • Troubleshooting Common Issues – WPVR
  • How To Solve Virtual Tour Not Showing Up – WPVR
  • How To Exclude Assets of WPVR From Autoptimize
  • How To Manage Your WPVR User Account Settings & Subscription Plan
Optimize Virtual Tour for Mobile Devices
  • How To Set A Dynamic Front End Notice On Virtual Tours For Mobile Phone Viewers
  • How To Auto Resize Images On Mobile Devices for Virtual Tours
  • How To Set Custom Height for Mobile Devices to Your Virtual Tours
Demo Virtual Tours
  • Demo Virtual Tours
  • Basic Virtual Tour
  • Demo Virtual Tour – WPVR Pro
  • Demo Tour – WPVR (Free)
  • Custom Scene Gallery – WPVR
  • Custom Control Icons – WPVR
  • Google Street View Tour – WPVR Pro
  • Video Tutorials – WPVR
  • Demo Partial Panorama Virtual Tour – WPVR Pro
  • Bar/Pub Showcase
Advanced Settings for Virtual Tours
  • How To Set Up WPVR Exclusive Settings
  • Control Script And Style Loading For The Virtual Tours
  • How To Disable WordPress Large Image Handler For Virtual Tours
  • How to Control Video.js Loading for Virtual Tour Pages – WPVR

Deprecated Plugins

Media Storage To Cloud
  • WP Media Storage To Cloud
  • Getting Started – Media Storage To Cloud
  • How to install and activate Media to Cloud Storage
  • WP Media Storage To Cloud Dashboard Overview
  • How To Connect Amazon S3 Bucket
  • How To Connect Google Cloud Storage
  • How To Set Up IAM User For Amazon S3 Bucket
  • How To Set Up Google Cloud Storage Bucket To Serve Media Files
  • How To Connect DigitalOcean Spaces
  • How To Create An Amazon CloudFront Distribution
  • How To Create An Amazon CloudFront Origin Access Identity
  • Troubleshooting For Common Issues – Media Storage To Cloud
  • How To Create Free HTTPS Certificate On Amazon S3
Variation Swatches
  • Variation Swatches for WooCommerce – Getting Started
  • Variation Swatches For WooCommerce – Dashboard Overview
  • Variation Swatches For WooCommerce – Install And Activate
  • Change Dropdown to Button Swatches for WooCommerce Variations
  • How To Set Up WooCommerce Color Swatches For Color Variation
  • How To Set Up WooCommerce Image Swatches For Image Variation
  • How To Set Up Label Swatches For WooCommerce Product Variations
  • How To Customize Variation Swatch Hover Style
  • How To Customize Variation Swatches Global Style
  • How To Customize Variation Swatches Selected Style
  • Home
  • Docs
  • Deprecated Plugins
  • Media Storage To Cloud

How To Connect DigitalOcean Spaces

Table of Contents
  • Open a DigitalOcean Account
  • Create A DigitalOcean Space
  • Restrict File Listing 
  • Enable File Listing 
  • How To Connect Your DigitalOcean Space with Media Storage to Cloud
  • How To Generate an API Key for a DigitalOcean Space
  • How To Connect DigitalOcean Space to Media Storage To Cloud
  • Step 1:
  • Step 2:
  • Space Access Key and Secret
  • Space Name
  • Space Region
  • Step 3:
  • Step 4:
  • Step 5:
  • Serve Media File From Bucket
  • Upload Media Files On Bucket When Uploaded On Media Library
  • Delete Media From Bucket When Deleted From The Media Library

You can connect your DigitalOcean Spaces with WordPress Media Storage to Cloud and start serving your website media files directly from your DigitalOcean Spaces.

Before connecting your DigitalOcean Spaces with WordPress Media Storage to Cloud plugin, you have to:

  • Open a DigitalOcean account.
  • Create a Space on your DigitalOcean account.

Open a DigitalOcean Account #

If you already have a DigitalOcean account, visit this page to login.

DigitalOcean Sign In

If you don’t have a DigitalOcean account, visit this link to sign up for DigitalOcean.

DigitalOcean Sign Up

Now follow these steps to open a DigitalOcean account.

1. You can sign up for DigitalOcean using your email address, Google account or GitHub account.

To sign up with your email, you have to:

  • Enter your full name.
  • Enter your email address.
  • Set a password.
DigitalOcean Signup Credentials

2. Now click on the Sign up button.

3. A confirmation link will be sent to your provided email address. 
 
Click on it to confirm and verify your email address. 

4. Now, you’ll be taken to the second step of your account creation: Set Up Billing.

DigitalOcean Set Up Billing Information

5. You can use one of the following as the billing information:

  • Credit or Debit Card
  • Paypal account 

6. Next, you have to set up your Project Goals.

And that’s it.

7. Once you’ve created your DigitalOcean account, it’ll look as follows:

DigitalOcean Home Page

Create A DigitalOcean Space #

To create a DigitalOcean Space, follow the instructions below.

1. Click on the green Create button on the top-right corner of your DigitalOcean dashboard.

Create New on DigitalOcean Account

2. A dropdown menu will appear. Click on the Spaces option.

3. The following page will appear where you can setup the preferences for your new space.

7. New DigitalOcean Space Settings

4. Under Choose a datacenter region, select the datacenter you would like to use (nearest to your location recommended).

5. If you want to use CDN, you can enable it under CDN (Content Delivery Network).

6. Under Allow file listing, you have two options:

Restrict File Listing  #

This will restrict the contents of your new Space within only the users who are connected to this Space using access keys. 

Enable File Listing  #

This will allow anyone to list the contents of this space.

Though listing files won’t make your files visible to the public, it is recommended to select Restrict File Listing for further security.

7. Scroll down and you’ll find the Finalize and Create section.

Create New Space on DigitalOcean

8. Set a unique name for your Space and choose the Project where this new Space belongs to.

9. Click on the Create a Space button below and now your DigitalOcean space is created.

How To Connect Your DigitalOcean Space with Media Storage to Cloud #

To connect your DigitalOcean Space to Media Storage to Cloud, you will need to do the following:

  • Generate API Key for DigitalOcean Space.
  • Connect DigitalOcean Space to Media Storage To Cloud.

How To Generate an API Key for a DigitalOcean Space #

To generate API Key for your preferred DigitalOcean Space, follow the instructions below:

1. Click on the API option on the left sidebar of your DigitalOcean dashboard.

API Bar DigitalOcean Dashboard

2. The following page will appear:

Application and API on DigitalOcean

3. Here, under the Space access keys section, click on the Generate New Key on the right side.

4. Give a unique name to it.

Generate New Spaces Access Keys

5. Then click on the tick mark beside the name to save it.

Name New Spaces Access Keys

6. Once created, you will be able to view the Key beside it.

Access Key and Secret Generated

7. You will need this key when connecting your Space to Media Storage to Cloud in your WordPress site.

Keep this page open on a tab when following the next step, as you will need to collect the key(s) from here.

How To Connect DigitalOcean Space to Media Storage To Cloud #

Follow the steps below to Connect your DigitalOcean Space with Media Storage to Cloud.

Step 1: #

Go to Dashboard > WP Media Storage to Cloud > Settings.

Media Storage to Cloud Credentials

Go to the Storages menu on the right side, and under Select Storage, click on the DigitalOcean logo.

Step 2: #

Here, you have to provide the following credentials:

  • Space Access Key.
  • Space Access Secret.
  • Space Name.
  • Space Region.

Space Access Key and Secret #

1. Go to your DigitalOcean account dashboard, and on the left sidebar, click on API.

API Bar DigitalOcean Dashboard

2. You will be taken to the Applications & API page.

3. Here, under the Space Access Keys, you will find the API key that you generated earlier.

DigitalOcean Spaces Section

4. For the API you created, on the right side, click on More.

Regenerate Spaces Access API

5. Then click on the Regenerate Key.

Confirm Regenerate Access Key

6. It will ask to confirm the regeneration. Click on the blue button saying Regenerate Key.

7. The keys will be regenerated.

Access Key and Secret Regenerated

8. Copy the keys and paste them in the respective fields in Media Storage to Cloud.

Space Name #

When you created the Space, you gave a name to it. You need to input that name in the Space Name field in the Media Storage To Cloud.

To find out the name of your Space(s), go to your Digital Ocean account Dashboard, and on the left sidebar, click on Spaces.

Spaces Bar on DigitalOcean Dashboard

It will take you to the Spaces section where all your existing Spaces are listed.

Existing Spaces on DigitalOcean

Copy the name of the Space you will use offload your WordPress media files, and paste it in the Space Name field in the Media Storage to Cloud.

Space Region #

To find the Space Region, click on your desired Space in the Spaces section.

DigitalOcean Spaces Region

Here, right under the space name, you will see the Space link. The region will be the portion just before the portion ‘.digitaloceanspaces.com’.

As you can see in the image, marked red, the region for this space is ‘nyc3’.

You can also find the Space Region in the settings of your desired Space.

Click on the Settings tab.

Below, under Endpoint, you will find the term in the format, region.digitaloceanspaces.com.

As you can see in the image below, its nyc3.digitaloceanspaces.com. The region is ‘nyc3’.

DigitalOcean Spaces Region fron Endpoint

Input the region in the respective field in Media Storage To Cloud.

Step 3: #

When you’ve filled all four fields, click on the blue Save button.

DigitalOcean Spaces Region from Endpoint

You’ll see a confirmation message that will ensure you that you are successfully authorized.

Authorize DigitalOcean Space with Media Storage to Cloud

A green Ready To Sync text will also appear.

Step 4: #

Go to the Sync tab and go to the DigitalOcean Space tab.

Sync DigitalOcean Space

Click on the Sync button on the right side and your media files will start syncing with your DigitalOcean Space.

Sync Media to DigitalOcean Space

A progress bar will appear to show the progress of the live sync.

The time required will vary depending on the number of media files to sync from your site.

Step 5: #

Go to the Settings tab and choose DigitalOcean Space.

DigitalOcean Space Settings

You’ll find the following three options:

Serve Media File From Bucket #

Turning on this option will serve all the media files on your website directly from the DigitalOcean Space.

It will automatically switch the links of the media files from your website domain to your Digitalocean space domain.

Upload Media Files On Bucket When Uploaded On Media Library #

Turning on this option will auto-sync your website media with your DigitalOcean Space for new files.

Any new media files you upload on your website media library will automatically be uploaded on your DigitalOcean Space as well.

Delete Media From Bucket When Deleted From The Media Library #

Turning on this option will mean that any media file you delete from your website media library, will also be deleted from your DigitalOcean Space automatically.

You can turn on or off these options according to your preferences and click on the Save button to save the changes.

That’s it. 

Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Updated on August 28, 2020
How To Set Up Google Cloud Storage Bucket To Serve Media FilesHow To Create An Amazon CloudFront Distribution
Table of Contents
  • Open a DigitalOcean Account
  • Create A DigitalOcean Space
  • Restrict File Listing 
  • Enable File Listing 
  • How To Connect Your DigitalOcean Space with Media Storage to Cloud
  • How To Generate an API Key for a DigitalOcean Space
  • How To Connect DigitalOcean Space to Media Storage To Cloud
  • Step 1:
  • Step 2:
  • Space Access Key and Secret
  • Space Name
  • Space Region
  • Step 3:
  • Step 4:
  • Step 5:
  • Serve Media File From Bucket
  • Upload Media Files On Bucket When Uploaded On Media Library
  • Delete Media From Bucket When Deleted From The Media Library
Our Plugins
  • WP VR
  • Product Feed Manager
  • Cart Lift
Resources
  • Privacy Policy
  • Terms of Service
  • Affiliate Program
  • Contact Us
Payment Methods
Payment methods

© . All rights reserved by RexTheme