Demo Content Import

Download and Extract the XML File

Download the Demo Content file for your theme from this website, and unzip the XML file to your computer. The XML file will be named something like: “accelerate-demo-content.xml”. This is the file you will upload/import to your site. The WP importer will not import from the the zip file you downloaded.

Import the XML File

Run Importer

Login to wp-admin on your website and navigate to Tools/Import. Click on the Run Importer link at the bottom of the list. This will open the Importer and ask you to upload the file. If you do not have the importer installed and activated, WodrPress will prompt you to do so.

Upload XML File

Drag the XML file to the Browse button, or click the Browse button to navigate to the file on your computer. Click the Upload file and import button to start the process. The system will crunch the XML file then prompt you to the next step.

Assign Author & Import Attachments

Choose the user/author you wish to assign as the author of the imports. And MORE IMPORTANTLY… check the “Download and import file attachments” option or your demo pages, posts and products will not have any images attached to them.

The system will start the import… DO NOT INTERRUPT this process. It may take a couple of minutes to import all the data and download the media. Congratulations, your site has content! But this is just the beginning. You have to perform a few more tasks to bring your site up to speed with WooCommerce and AMP.

WordPress Basics

Assign Navigation Menus
The Demo Content inlcudes pre-built menus for the Main Navigation Bar and Footer, but you must assign them to your theme’s menu locations if you wish to use them.

Navigate to Appearance/Menus to open the editor. Next click on the Manage Locations tab. The demo content comes with Main and Footer menus, the mobile menu uses the Main menu by default. Choose Main from the drop-down for the Main Menu, and Footer from the drop-down for Footer Menu… or create and use your own menus as you see fit.

Assign Home & Blog Pages
Another standard WP maneuver is to assign your Home (front) and Blog pages.

Navigate to Settings/Reading to acces the editor. Under the first section labeled “Your homepage displays” you have options for assigning pages to act as your home and blog pages. By default WP displays your latest posts on the home page as if it were the blog. Choose Home form the drop-down for Homepage, and choose Blog from the drop-down for Posts page.

Perfect Permalinks
If you do not already have your permalinks set to be “Post name”, you should.

Besides being SEO and user-friendly, some aspects of our programming require the processing of a URL value rather than relying on the WordPress library to provide this data. Navigate to Settings/Permalinks and click the Post name radio button under Common Settings. Click the Save Changes button finalize the process.

WooCommerce Page Assignment

Now that we have the basics out of the way it’s time to handle the WooCommerce landing pages.

Assign the Store/Shop Page

Navigate to WooCommerce/Settings to access the editor. Once the editor is open, click on the Products tab. Choose Store from the drop-down for Shop page and click the Save Changes button.

Assign Other WooCommerce Pages
THIS STEP IS CRUCIAL! The links for WooCommerce pages are tied to these assignments.

Next click on the Advanced tab, here you’ll assign the rest of the WooCommerce pages from our demo content. Choose Shopping Cart from the drop-down for Cart page, Checkout for Checkout page, and My Account for the My account page. Make sure to click the Save Changes button once you’re finished.

AMP Settings & Validation

Finally, it’s time to setup AMP. This why you’re here isn’t it? Our products are made to be compatible with the AMP plugin… but as with all things WP, there are steps to be made towards validation. Start by clicking AMP/General to open the editor.

Enable Native AMP Support

Under Website Mode, check the Standard radio button. This enables the entire site to be AMP compliant (except WooCommerce account/cart/checkout pages). Be sure to click the Save Changes button.

After you enable Native/Standard AMP, you may see a warning about validation errors. This is the AMP plugin doing it’s job.

AMP Validation Error Index

These “errors” are mostly just normal website script that doesn’t fit the AMP protocol, and the fixes are mostly filters that remove or adjust them for compliance. This may sound simple, but believe me… it is not.

Though it does have an “Auto-Approve” feature for errors that the plugin fixes, it still sometimes requires some interaction. You may have to approve the errors/fixes manually to make that final step towards validation. Navigate to AMP/Error Index to handle these approvals.

Accept the “Errors”
The errors are actually AMP Validation infractions found by the plugin, this step authorizes the plugin to filter them out.

Even if all errors are marked as “New Accepted”, they pages they contain may not pas AMP validation. The easiest way to ensure you have the best start you can is to click the checkbox below the Bulk Actions drop-down to select all entries. Next choose Approve from the drop-down, and click Apply. Repeat this procedure on each page by clicking the navigation button at the top right of the table. Once you have approved all entries, you will be fully AMPed.

As you build your site, AMP will continue searching for and fixing the invalidations. You may need to check this page and approve any new errors that come up to keep your new pages/edits validating.

X

This site uses cookies to offer you a better browsing experience. By continuing to navigate through this site or by clicking Accept, you consent to the use of cookies on your device as described in our privacy notice.