Learn how to combine WordPress with your Miva Merchant Store to provide a better customer experience, content management and use the power of WordPress to take your store to the next level. This includes tips and tricks for using both platforms together, how to share assets and match your Miva Theme to WordPress and important security considerations when using WordPress alongside your Miva Store. MivaCon 2016, Thursday session 1

1. SESSION TITLE
Presenter’s Name
MIVA + WP
PRESENTER: Andrew Gray, CTO TGK

2. MIVA since 2009
WP since 2008
MIVA since 1999
WP since 2009
EXPERTS IN ECOMMERCE
EXPERTS IN AWESOME
Full-Service Digital Marketing
Agency in Wilmington, NC
@tayloegraykrist
/tayloegraykristof

3. Getting to Know You
• Who has a WordPress Site and a Miva Site?
– Hosted on the Same Server?
– Hosted on Different Servers?

4. • Improved Content
Management
– Blog / News Posts
– Custom Post Types
• WordPress Plugins
– Forms, Events, etc
• Adding eCommerce
to an Existing Website
Why would you want to do this?

5. Custom Post Type (CPT) / Plugins

6. Three Ways to Combine WP/MIVA
• Subdomains
– Miva.domain.com / WP.domain.com
– Store.domain.com / www.domain.com
• Sub Folder
– www.domain.com/wp/
– www.domain.com (miva)
• Shared folder
– www.domain.com (miva/WP code)

7. Shared Folder
• Miva Files
• WordPress Files

8. Install WordPress
• Wordpress.org/download/
– Unzip
– FTP Files
– Create WP Specific Database
– Backup .htaccess
– Visit Install URL
• : http://example.com/wp-admin/install.php
– Enter DB credentials

9. Considerations / Planning
• Theme
– Same Design?
• Menus
– Static or Generated?
• Search
– WP or Miva Search
– Third Party Search
• Login / Logout / Cart Status
– How to Show Mini Basket Page / Login

10. Case Studies
Simple Blog + Miva
Streamlined Integration
Complex Menu Integration

11. Miva Site With Blog : Sullivan Anlyan

12. Miva Site With Blog: Sullivan Anlyan
• Miva in Docroot
– Blog in Subfolder
• Search: Only in Miva
• Cart: Direct Link from WP
• Two Themes
– Ready Theme on Miva
– Bought Theme on WP

14. WordPress Side
• Existing Portfolio Site
– Past Work (Not for Sale)
– Free Plugin for eCards

15. Streamlined Integration: Defiant Whisky

16. Streamlined Integration: Defiant Whisky
• Shared Install in Root
• Common (Simple Header) in Both Themes
– Login and Cart in the Sidebar
• WordPress CMS: Events, Awards, News
• Themes: Custom WP and Miva Theme

17. Miva Side
• In Sidebar
– Cart
– Login
– Simple Category
• Hard Coded Top Nav

18. WP Side
• In Sidebar
– News
– Awards, Team,
Cocktails CPT
– Events Plugin
• WordPress Managed
Top Nav
– Easier to Copy / Paste

19. Complex Menu Integration: liquidlogic Kayaks

20. Complex Menu Integration: liquidlogic Kayaks
• Install: Shared Install in Docroot
• Basket / Login: iframe from Miva
• Menu: WP Generated Menus,
– Includes Miva Product Miva From XML Feed
• Share Search: Google Custom Search

23. WordPress Side

24. Basket / Login iFrame

25. Mega Menu: Two Feeds

26. Mega Menu on WP Side
• WP Code Requests Category and Product
XML from Miva
• WP Processes Feed to Make Menu
• WP Writes Cached Header HTML
• WP and Miva Themes include header
HTML

27. Category Feed
• Custom XML Result Page
/mm5/merchant.mvc?Store_Code=LLK&Screen=XML_CAT_FEED&Category_Code=RIVR
<?xml version="1.0" encoding="UTF-8"?>
<menuitem>
<mvt:item name="category_listing" />
</menuitem>
<mvt:foreach iterator="product"
array="category_listing:products">
<product>
<productcatlink><![CDATA[&mvte:product:link;
]]></productcatlink>
<productcatimage><![CDATA[&mvte:product:imagetypes:inscale_p
hoto; ]]></productcatimage>
<productname>&mvte:product:name;</productname>
<productcode>&mvt:product:code;</productcode>
<productprice>&mvt:product:formatted_price;</productprice>
<productlink><![CDATA[https://www.liquidlogickayaks.com/mm5/
merchant.mvc?Screen=BASK&Store_Code=LLK&Product_Code=&m
vt:product:code;&Attributes=Yes&Quantity=1&Action=ADPR ]]></p
roductlink>
</product>
</mvt:foreach>

28. Product Feed
• Miva XML Result Page
/mm5/merchant.mvc?Store_Code=LLK&Screen=XML_CAT_FEED&Category_Code=RIVR
<?xml version="1.0" encoding="UTF-8"?>
<menuitem>
<mvt:item name="category_listing" />
</menuitem>
<mvt:foreach iterator="product"
array="category_listing:products">
<product>
<productcatlink><![CDATA[&mvte:product:link;
]]></productcatlink>
<productcatimage><![CDATA[&mvte:product:imagetypes:inscale_p
hoto; ]]></productcatimage>
<productname>&mvte:product:name;</productname>
<productcode>&mvt:product:code;</productcode>
<productprice>&mvt:product:formatted_price;</productprice>
<productlink><![CDATA[https://www.liquidlogickayaks.com/mm5/
merchant.mvc?Screen=BASK&Store_Code=LLK&Product_Code=&m
vt:product:code;&Attributes=Yes&Quantity=1&Action=ADPR ]]></p
roductlink>
</product>
</mvt:foreach>

29. WordPress Code (PHP)
• Get All Categories from Feed
– Loop Through Categories
• Get All Products in Category
• Generate Menu HTML
• Write Static File to Server

30. Menu HTML

31. WP and Miva Themes Include Header HTML
• WordPress:
– If Generated Header Does Not Exist, Generate
– Otherwise
• <?php include_once('generated-header.html'); ?>
– MIVA
• <mvt:assign name="g.file_read"
value="file_read('/wp-
content/themes/ll/generated-header.html','script',
g.wordpress_header)" />
&mvt:global:wordpress_header;

32. Considerations
• How Do You Update a Stored Header?
– WPCRON in WP
– CRON Calling URL
– Manual Link
• High Traffic Site Should Avoid External Calls
– <mvt:item name="toolkit"
param="callurl|header|https://www.liquidlogickayaks.com/wp-
content/themes/LiquidLogic/generated-header.html" />

33. Search: Google Custom Search

34. Search Options
• Customize WP Search Results Using XML
Feed from Miva
• MIVA Search That Ignores WP Pages
• Third Party
– Google Custom Search
– Search Spring
– Unboxed

35. .htaccess File: Force SSL

36. .htaccess File: WP and Miva

37. Security
• Miva and WP Backups
• WordPress Updates
– Be Wary of Purchased Themes / Unsupported
Plugins
• Malware Scanning
– We Recommend Wordfence

38. Scaling
• Denial of Service (DDOS)
– We Recommend CloudFlare
• Caching: WordPress Plugins
– We Recommend SuperCache
• CDN
– We Recommend MaxCDN (Origin Pull)

39. Questions?
Feel free to email nathan@tg-k.com for code samples.