
<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WooCommerce | 79mplus</title>
	<atom:link href="https://www.79mplus.com/project_category/woocommerce/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.79mplus.com</link>
	<description>Top-Tier WordPress Development Company for Custom, Scalable Solutions</description>
	<lastBuildDate>Mon, 11 Feb 2019 07:12:08 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>

<image>
	<url>https://www.79mplus.com/assets/cropped-favicon2-32x32.png</url>
	<title>WooCommerce | 79mplus</title>
	<link>https://www.79mplus.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Automatic Facebook Centric Order System for WooCommerce</title>
		<link>https://www.79mplus.com/project/facebook-ordering-woocommerce/</link>
					<comments>https://www.79mplus.com/project/facebook-ordering-woocommerce/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Mon, 11 Feb 2019 07:12:08 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=497421</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/fbwc-featured2.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/facebook-ordering-woocommerce/">Automatic Facebook Centric Order System for WooCommerce</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/facebook-ordering-woocommerce/">Automatic Facebook Centric Order System for WooCommerce</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/fbwc-featured2.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/facebook-ordering-woocommerce/">Automatic Facebook Centric Order System for WooCommerce</a></p>
<p><div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_0 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Automatic Facebook Centric Order System for WooCommerce</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-api-integration">Custom API Integration</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/facebook-graph-api">Facebook Graph API</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_0 et_animated et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/fbwc-banner.jpg" alt="" title="Automatic Facebook Centric Order System for WooCommerce" srcset="https://www.79mplus.com/assets/fbwc-banner.jpg 1100w, https://www.79mplus.com/assets/fbwc-banner-300x131.jpg 300w, https://www.79mplus.com/assets/fbwc-banner-768x335.jpg 768w, https://www.79mplus.com/assets/fbwc-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/fbwc-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/fbwc-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-497458"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_1 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_1  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client had an online store with a variety of product range. They had a Facebook page, which they wanted to intelligently intgrate with their WordPress. They wanted a system to post products to Facebook page from within WordPress interface. They also needed a mechanism so that when someone comments &#8220;+1&#8221; or +any number on the post, it automatically places an order on WordPress. So, the integration is both ways. The idea was amazing and interesting, so we took the job.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Implement so that product can be posted to Facebook from WordPress</li>
<li>Implement automated ordering by just posting a comment on Facebook</li>
<li>Create user login automatically on WordPress from the Facebook comment and send email notification</li>
<li>Feature to update billing and shipping info from My Account page of the new user</li>
<li>Implement custom filter system to see all running orders at a glance for individual products</li>
<li>Make the solution multisite ready with different Facebook pages for each one</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>The project was full of new ideas to challenge our limits.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_3">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Posting Products to Facebook</h3>
<p>We implemented a product posting feature from within WP Admin to post products to the Facebook page. We have created a separate plugin for the Facebook integration and it utilizes the Facebook Graph API.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Facebook Ordering</h3>
<p>Our client wanted us to implement a comment feature so that whenever someone posts a &#8220;+1&#8221; comment on the product post, the product is automatically ordered on WooCommerce and a WordPress user is created with that user&#8217;s name and information from the comment. Later when he orders in future, previously created account for him is reused.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>User Login and Info</h3>
<p>The automatically created user gets an email about his account with login details. The user can then update their shipping and billing address or any other info from their My Account page.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_4">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Custom Filter System</h3>
<p>We have also built a custom page under WP Admin WooCommerce menu entry to hold a list of the products that can be filtered if needed. It shows the orders for the individual products and additionally shows order statistics for easier management and monitoring.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Multisite Ready</h3>
<p>The Facebook integration is made multisite-ready. So it is possible to have the same function working for each site from a single WordPress installation and integrate them seamlessly. We have also implemented to support separate Facebook pages for each multisite.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_3 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_5">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_1 et_animated et-waypoint">
				
				
				
				
				<a href="https://www.79mplus.com/assets/fbwc-project-image-big-c.jpg"><span class="et_pb_image_wrap "><img decoding="async" width="800" height="564" src="https://www.79mplus.com/assets/fbwc-project-image-big-c.jpg" alt="" title="Automatic Facebook Centric Order System for WooCommerce" srcset="https://www.79mplus.com/assets/fbwc-project-image-big-c.jpg 800w, https://www.79mplus.com/assets/fbwc-project-image-big-c-300x212.jpg 300w, https://www.79mplus.com/assets/fbwc-project-image-big-c-768x541.jpg 768w, https://www.79mplus.com/assets/fbwc-project-image-big-c-510x360.jpg 510w" sizes="(max-width: 800px) 100vw, 800px" class="wp-image-497456"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>When we finished, we delivered a frictionless easy to use WordPress-WooCommerce-Facebook integration system that works automatically. Our client got a new feature to work with his sales and some very happy customers.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/facebook-ordering-woocommerce/">Automatic Facebook Centric Order System for WooCommerce</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/facebook-ordering-woocommerce/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Stock Inventory Service Integration for Auto Parts based on Megabus API</title>
		<link>https://www.79mplus.com/project/stock-inventory-service-integration-for-auto-parts/</link>
					<comments>https://www.79mplus.com/project/stock-inventory-service-integration-for-auto-parts/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Fri, 17 Aug 2018 05:27:57 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496716</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/resume-featured-1.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/stock-inventory-service-integration-for-auto-parts/">Stock Inventory Service Integration for Auto Parts based on Megabus API</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/stock-inventory-service-integration-for-auto-parts/">Stock Inventory Service Integration for Auto Parts based on Megabus API</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/resume-featured-1.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/stock-inventory-service-integration-for-auto-parts/">Stock Inventory Service Integration for Auto Parts based on Megabus API</a></p>
<p><div class="et_pb_section et_pb_section_4 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_6">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_10  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_1 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Stock Inventory Service Integration for Auto Parts based on Megabus API</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-api-integration">Custom API Integration</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/megabus">Megabus</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_2 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/resume-banner-2.jpg" alt="" title="Stock Inventory Service Integration for Auto Parts based on Megabus API" srcset="https://www.79mplus.com/assets/resume-banner-2.jpg 1100w, https://www.79mplus.com/assets/resume-banner-2-300x131.jpg 300w, https://www.79mplus.com/assets/resume-banner-2-768x335.jpg 768w, https://www.79mplus.com/assets/resume-banner-2-1024x447.jpg 1024w, https://www.79mplus.com/assets/resume-banner-2-1080x471.jpg 1080w, https://www.79mplus.com/assets/resume-banner-2-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496738"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_5 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_7">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_10  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client had a WooCommerce based website for selling auto parts. They wanted to use Megabus.com.au API to easily maintain and manage stock inventory of their products. So they were looking for an integration for Megabus with WooCommerce. They also wanted so that new orders are automatically updated to Megabus to show the latest inventory for managing product stocks.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Develop our own Megabus API Integration library</li>
<li>Implement Sync for new orders from WC to Megabus</li>
<li>Implement product sync with cron</li>
<li>Make PayPal payment confirmation to pass to Megabus</li>
<li>Testing the implementation carefully</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_6 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_8">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_12  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_11  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>The project involved having a new API integration with a few details to be taken care of.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_9">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_13  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_12  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Megabus Integration</h3>
<p>No official code was available for the Megabus integration in PHP. There was no third party integration as well. So we had to scour through the Documentation and cook-up an implementation of our own. The implementation is based on SOAP access to the API.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_14  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_13  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Sync for New Orders</h3>
<p>Product stock quantity would have to match up with Megabus. To ensure that this happens, we had to send the new order data to Megabus for the stock quantity to be updated. We had to send the SKU to Megabus to ensure that the data is recognized by Megabus.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_15  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_14  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Product Sync with Cron</h3>
<p>When new product records came on Megabus, client wanted to update the products on WooCommerce to be similar on both ends. So we had to prepare a script to update products from Megabus and run that script occassionally to update the products on WC. The script had to utilize role based pricing to serve both retail and wholesale customers.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_10">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_16  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_15  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>PayPal Confirmation</h3>
<p>Client wanted so that order payments are handled by PayPal. When PayPal transaction is confirmed, we send the signal to Megabus API. Megabus API then handles the stock quantity accordingly.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_17  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_16  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Testing</h3>
<p>We had to test carefully and less frequently as possible because client could not provide us credentials to Megabus API for some company restrictions. We had to confirm each time we tested new orders. Later down the road we got a staging server, which made the testing process easier.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_18  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_7 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_11">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_19  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_3 et-waypoint">
				
				
				
				
				<a href="https://www.79mplus.com/assets/atoc-img.jpg"><span class="et_pb_image_wrap "><img decoding="async" width="800" height="564" src="https://www.79mplus.com/assets/atoc-img.jpg" alt="" title="Stock Inventory Service Integration for Auto Parts based on Megabus API" srcset="https://www.79mplus.com/assets/atoc-img.jpg 800w, https://www.79mplus.com/assets/atoc-img-300x212.jpg 300w, https://www.79mplus.com/assets/atoc-img-768x541.jpg 768w, https://www.79mplus.com/assets/atoc-img-510x360.jpg 510w" sizes="(max-width: 800px) 100vw, 800px" class="wp-image-496739"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_17  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>When we finished, we delivered an automated WooCommerce synchronization plugin for Megabus API. It simplified inventory management for the client.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/stock-inventory-service-integration-for-auto-parts/">Stock Inventory Service Integration for Auto Parts based on Megabus API</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/stock-inventory-service-integration-for-auto-parts/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Custom Printable PDF Creator Plugin for WooCommerce</title>
		<link>https://www.79mplus.com/project/custom-printable-pdf-creator-plugin/</link>
					<comments>https://www.79mplus.com/project/custom-printable-pdf-creator-plugin/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Thu, 16 Aug 2018 10:50:07 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496728</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/custom-pdf-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/custom-printable-pdf-creator-plugin/">Custom Printable PDF Creator Plugin for WooCommerce</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/custom-printable-pdf-creator-plugin/">Custom Printable PDF Creator Plugin for WooCommerce</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/custom-pdf-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/custom-printable-pdf-creator-plugin/">Custom Printable PDF Creator Plugin for WooCommerce</a></p>
<p><div class="et_pb_section et_pb_section_8 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_12">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_20  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_2 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Custom Printable PDF Creator Plugin for WooCommerce</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_18  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_4 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/custom-pdf-banner.jpg" alt="" title="Custom Printable PDF Creator Plugin for WooCommerce" srcset="https://www.79mplus.com/assets/custom-pdf-banner.jpg 1100w, https://www.79mplus.com/assets/custom-pdf-banner-300x131.jpg 300w, https://www.79mplus.com/assets/custom-pdf-banner-768x335.jpg 768w, https://www.79mplus.com/assets/custom-pdf-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/custom-pdf-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/custom-pdf-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496732"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_9 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_13">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_21  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_19  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client wanted a printable PDF product creator plugin. They wanted the admin to be able to upload an image and place text fields or dropdowns over it. They wanted to save it as a new product so that users can fill out those fields and make a printable version of the product with their customizations.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Implement a creation process of PDF templates as admin</li>
<li>Saving PDF templates as a custom product type</li>
<li>Make sure users can change the field values and generate PDFs for printing</li>
<li>Keep the user made design and inputs for reordering later</li>
<li>Make sure to abide by client restrictions</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_10 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_14">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_22  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_20  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>The project had some integrations to do and strict guidelines to take note of.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_15">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_23  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_21  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Creation as Admin</h3>
<p>Client wanted an interface for the admins to create the custom products as templates. They wanted the ability to upload a 300 dpi image within the interface and place text field or dropdowns on the image. We have used standard WP Media structure, but used a custom image uploader so that the process is smoother to use.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_24  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_22  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>PDF Templates</h3>
<p>The designs made by admins should be stored as product template. These will be used later on frontend. We have implemented a custom template for these products. These products are shown later on using the templates.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_25  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_23  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Frontend Feature</h3>
<p>On frontend, client wanted to give users the ability to fill up the fields created earlier by admins. Users can fill up the field values are they want and then generate a printable PDF that he can print. We have used TCPDF for generating the PDF.</p>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_16">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_26  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_24  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Store Customizations</h3>
<p>The customizations made by the user should be stored, so that the user can re-order the design when needed. We have added a serialized meta with the customization values to cart. The data eventually gets added to the order, to be re-ordered if needed.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_27  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_25  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Client Restrictions</h3>
<p>Client wanted our plugin to follow MVC structure and to keep frontend code seperate from the logic. They also wanted that we use TCPDF as our PDF generator library. We followed these guidelines when coding the plugin.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_28  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_11 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_17">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_29  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_5 et-waypoint">
				
				
				
				
				<a href="https://www.79mplus.com/assets/custom-pdf-project-image-big.png"><span class="et_pb_image_wrap "><img decoding="async" width="800" height="564" src="https://www.79mplus.com/assets/custom-pdf-project-image-big.png" alt="" title="Custom Printable PDF Creator Plugin for WooCommerce" srcset="https://www.79mplus.com/assets/custom-pdf-project-image-big.png 800w, https://www.79mplus.com/assets/custom-pdf-project-image-big-300x212.png 300w, https://www.79mplus.com/assets/custom-pdf-project-image-big-768x541.png 768w, https://www.79mplus.com/assets/custom-pdf-project-image-big-510x360.png 510w" sizes="(max-width: 800px) 100vw, 800px" class="wp-image-496730"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_26  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>When we finished, we delivered an automated system of custom products that can generate customized printable PDFs with the specifications from client. It simlified the process of getting and managing custom orders through WooCommerce.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/custom-printable-pdf-creator-plugin/">Custom Printable PDF Creator Plugin for WooCommerce</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/custom-printable-pdf-creator-plugin/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Geo Proximity based Pizza Ordering System using Google Maps API</title>
		<link>https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/</link>
					<comments>https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Tue, 07 Aug 2018 04:43:30 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496616</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/geo-proximity-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/">Geo Proximity based Pizza Ordering System using Google Maps API</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/">Geo Proximity based Pizza Ordering System using Google Maps API</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/geo-proximity-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/">Geo Proximity based Pizza Ordering System using Google Maps API</a></p>
<p><div class="et_pb_section et_pb_section_12 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_18">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_30  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_3 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Geo Proximity based Pizza Ordering System using Google Maps API</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_27  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-api-integration">Custom API Integration</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/google-maps-api">Google Maps API</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_6 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/geo-proximity-banner.jpg" alt="" title="Geo Proximity based Pizza Ordering System using Google Maps API" srcset="https://www.79mplus.com/assets/geo-proximity-banner.jpg 1100w, https://www.79mplus.com/assets/geo-proximity-banner-300x131.jpg 300w, https://www.79mplus.com/assets/geo-proximity-banner-768x335.jpg 768w, https://www.79mplus.com/assets/geo-proximity-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/geo-proximity-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/geo-proximity-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496623"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_13 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_19">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_31  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_28  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client had a pizza delivery website and wanted to implement a pizza ordering system which would utilize geo proximity to detect nearest pizza stores to order from. Before ordering, user would input his postcode in a form. In order to determine the nearest ones, we would have to get the distance from each shop using Google Maps API and show them on screen. There was also some design mockups and multilingual requirements within the project.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Implement a shortcode for step by step process</li>
<li>Implement separate forms or screens for Delivery or Take-out</li>
<li>Implement list for Take-outs which shows nearest stores first</li>
<li>Ensure that the whole interface adheres to localization (with WPML)</li>
<li>Ensure that it is easy to add, modify, delete stores</li>
<li>Make sure backend shows order info (Take-out/Delivery, customer details etc.)</li>
<li>Implement an email to concerned store when an order is put on that store</li>
<li>Make sure that the process is ajaxified as much as possible</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_14 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_20">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_32  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_29  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>There were both simple and complex elements to the project. We solved them one by one.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_21">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_33  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_30  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Delivery and Take-out</h3>
<p>We implemented a shortcode to show a choice for Delivery and Take-out. This shortcode was responsible to handle both the order processes. Take-out shows all the shops and Delivery asks for a postcode and eventually shows nearest shops based on the shortcode. We also had to show error screens when there was no shops open at the time of ordering.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_34  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_31  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Displaying Nearest Stores</h3>
<p>On the Delivery option of the implementation we had to utilize Google Maps API to get the closest stores based on the postcode input and the store&#8217;s latitude-longitude. The API allowed us to support virtually any postcode input inside the process.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_35  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_32  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Multilingual Support</h3>
<p>At the time of coding, we had to explicitly remember to put localization functions on the plugin to be able to make it support translation. We also had to implement separate urls for separate shops for separate languages. We had to iterate through the languages active on WPML to show fields for all the languages.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_22">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_36  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_33  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Powering with Ajax</h3>
<p>To make the process faster, we had to implement ajax in every step on the frontend. The website already used loads of plugins to handle different functionalities. Using cache plugin did not work either. So we had to ajaxify the whole process to make it faster.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_37  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_34  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Backend Features and Email</h3>
<p>We have integrated the order information to backend interfaces to make it work as a whole. Order type, customer information etc. are shown on the WooCommerce Order screens, Emails are sent to the particular store email address when customer orders from that store and many more.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_38  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_15 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_23">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_39  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_7 et-waypoint">
				
				
				
				
				<a href="https://www.79mplus.com/assets/booked-fix-project-image-bi.jpg"><span class="et_pb_image_wrap "><img decoding="async" width="800" height="564" src="https://www.79mplus.com/assets/geo-proximity-project-image-big.png" alt="" title="Geo Proximity based Pizza Ordering System using Google Maps API" srcset="https://www.79mplus.com/assets/geo-proximity-project-image-big.png 800w, https://www.79mplus.com/assets/geo-proximity-project-image-big-300x212.png 300w, https://www.79mplus.com/assets/geo-proximity-project-image-big-768x541.png 768w, https://www.79mplus.com/assets/geo-proximity-project-image-big-510x360.png 510w" sizes="(max-width: 800px) 100vw, 800px" class="wp-image-496620"></span></a>
			</div><div class="et_pb_module et_pb_text et_pb_text_35  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>We delivered the project to client. We delivered a Geo Proximity enabled delivery system which respects customer&#8217;s time. Client had some helpful feedbacks on the way which made the project even better to use.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/">Geo Proximity based Pizza Ordering System using Google Maps API</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/geo-proximity-based-pizza-ordering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Custom Event Registration for Dog Walks based on WooCommerce</title>
		<link>https://www.79mplus.com/project/custom-event-registration-for-dog-walks/</link>
					<comments>https://www.79mplus.com/project/custom-event-registration-for-dog-walks/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Fri, 03 Aug 2018 08:45:02 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496540</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/dog-walk-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/custom-event-registration-for-dog-walks/">Custom Event Registration for Dog Walks based on WooCommerce</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/custom-event-registration-for-dog-walks/">Custom Event Registration for Dog Walks based on WooCommerce</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/dog-walk-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/custom-event-registration-for-dog-walks/">Custom Event Registration for Dog Walks based on WooCommerce</a></p>
<p><div class="et_pb_section et_pb_section_16 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_24">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_40  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_4 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Custom Event Registration for Dog Walks based on WooCommerce</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_36  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_8 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/dog-walk-banner.jpg" alt="" title="Custom Event Registration for Dog Walks based on WooCommerce" srcset="https://www.79mplus.com/assets/dog-walk-banner.jpg 1100w, https://www.79mplus.com/assets/dog-walk-banner-300x131.jpg 300w, https://www.79mplus.com/assets/dog-walk-banner-768x335.jpg 768w, https://www.79mplus.com/assets/dog-walk-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/dog-walk-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/dog-walk-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496545"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_17 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_25">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_41  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_37  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><p>&nbsp;</p>
<h2>Challenge</h2>
<p>Our client wanted a Registration system for a dog walking event. They already had planned the project with WooCommerce which saved us time and allowed us to concentrate straight into the development process. They wanted us to step in to create a step by step registration system so that users can register to participate in their dog runs. They had many merchandise customization options and product add-on ideas on their plan.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Prepare a multi step enrolment form for the registration process</li>
<li>Implementing fields for participants and family members</li>
<li>Implementing input fields for T-shirt sizes</li>
<li>Preparing feature for additional products to be bought with the registration</li>
<li>Put the data to cart for ordering</li>
<li>Custom emails for event registration</li>
<li>CSV export options for participants list</li>
</ul>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_18 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_26">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_42  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_38  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>The project was simple but had some complex details. It made us think for both frontend and backend at the same time.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_27">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_43  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_39  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Multistep Form</h3>
<p>The multistep form was at the heart of the project. We implemented a shortcode to put this form in any page. The form presents the fields step by step and supports going back and forth in case any change is necessary. It stores all its field values in browser session until it is submitted.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_44  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_40  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Multiple Participants</h3>
<p>We had to build the form with options for multiple participants in a single form. One form entry can handle the user, any children and virtual run member. Each had separate form fields, validation rules and structure.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_45  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_41  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Customizable Options</h3>
<p>We have implemented a customization option for T-shirt that every participant gets. It had options for extra T-shirts as well. One can order one or multiple number of T-shirts from the form. The T-shirt sizes were saved as variations and selections can be edited later from cart.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_28">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_46  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_42  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Add-on Products</h3>
<p>There were some extra products that the participant can buy as an option. These were handled by the form with separate fields. These products are WooCommerce products, added to the cart when ordering. We implemented settings so that the products can be selected from the plugin settings page and changed if necessary.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_47  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_43  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Custom Email and CSV Export</h3>
<p>Besides the usual WooCommerce Emails, we were asked to implement a custom email for participants and admin when a new registration is submitted. We implemented custom templates so that emails can be customized when needed. We also implemented a CSV Export feature so that list of participants can be exported.</p>
<p>&nbsp;</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_48  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_19 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_29">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_49  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_9 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="400" height="282" src="https://www.79mplus.com/assets/dog-walk-project-image.jpg" alt="" title="Custom Event Registration for Dog Walks based on WooCommerce" srcset="https://www.79mplus.com/assets/dog-walk-project-image.jpg 400w, https://www.79mplus.com/assets/dog-walk-project-image-300x212.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-496543"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_44  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>At the end, our client had a multi-step registration system for dog walks that they always wanted. The plugin allowed easy to use interface to receive and maintain a list of participants.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/custom-event-registration-for-dog-walks/">Custom Event Registration for Dog Walks based on WooCommerce</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/custom-event-registration-for-dog-walks/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Laser Engraving Designer for Customized Wallets based on WooCommerce</title>
		<link>https://www.79mplus.com/project/laser-engraving-designer-for-wallets/</link>
					<comments>https://www.79mplus.com/project/laser-engraving-designer-for-wallets/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Wed, 01 Aug 2018 10:21:10 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496496</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/wallet-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/laser-engraving-designer-for-wallets/">Laser Engraving Designer for Customized Wallets based on WooCommerce</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/laser-engraving-designer-for-wallets/">Laser Engraving Designer for Customized Wallets based on WooCommerce</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/wallet-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/laser-engraving-designer-for-wallets/">Laser Engraving Designer for Customized Wallets based on WooCommerce</a></p>
<p><div class="et_pb_section et_pb_section_20 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_30">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_50  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_5 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Laser Engraving Designer for Customized Wallets based on WooCommerce</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_45  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_10 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/wallet-banner.jpg" alt="" title="Laser Engraving Designer for Customized Wallets based on WooCommerce" srcset="https://www.79mplus.com/assets/wallet-banner.jpg 1100w, https://www.79mplus.com/assets/wallet-banner-300x131.jpg 300w, https://www.79mplus.com/assets/wallet-banner-768x335.jpg 768w, https://www.79mplus.com/assets/wallet-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/wallet-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/wallet-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496500"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_21 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_31">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_51  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_46  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><p>&nbsp;</p>
<h2>Challenge</h2>
<p>Our client was looking for creating a engraving designer for their WooCommerce based website. They had Aluminium wallets as products and they wanted to sell those with custom engraving designed by the user. They wanted to get the custom design seperate from the product image and available as an svg output for engraving machines. The project was a challenge for us, so we took the job.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Build a frontend editor to design the seal</li>
<li>Integrate with WooCommerce order data</li>
<li>Implement cost management with engraving</li>
<li>Implement customization constraints on a per product basis</li>
<li>Implement an Export SVG function according to template</li>
</ul>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_22 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_32">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_52  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_47  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>The project is simple on the surface, but has some complexities in the details.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_33">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_53  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_48  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Frontend Editor</h3>
<p>The centerpiece of this project was this editor. It can place customized text and images on the product image. We implemented the editor with &#8220;ImageWithText&#8221; library. It was working fine at the start. But when we added custom font text and images, it had some problems with different browsers. We had to fix it from code and css.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_54  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_49  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Integration with WooCommerce</h3>
<p>We had to save the design data with the product the user orders. So we had to add our design data on the cart item so that it can be passed to orders. We had to include the text and image, plus its customized options to be saved with the order. We then used this data to generate the svg.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_55  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_50  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Cost Management</h3>
<p>Our client wanted separate cost to be assigned for front and back design. We implemented a custom meta on the product edit page, which helps the client to set a price for the engraving for front and back separately. The cost is then used to determine the total of the order on the cart and placed with the order.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_34">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_56  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_51  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Design Constraints</h3>
<p>Users would always want to design out of the bounds. But our client would have problems engraving the design. That&#8217;s why we implemented some constraint settings of how much of the area can be designed on. These are respected by our frontend editor.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_57  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_52  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>SVG Export</h3>
<p>Our client wanted SVG file of the design to be sent to the engraving service. SVG is a well-known format, but it is not compatible with every version of Illustrator by default. We also had to follow strict rules for the engraving service so that it prints properly. So we had to tweak the structure and code of the SVG to make the support better.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_58  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_23 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_35">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_59  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_11 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="400" height="282" src="https://www.79mplus.com/assets/wallet-project-image.jpg" alt="" title="Laser Engraving Designer for Customized Wallets based on WooCommerce" srcset="https://www.79mplus.com/assets/wallet-project-image.jpg 400w, https://www.79mplus.com/assets/wallet-project-image-300x212.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-496497"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_53  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>We&#8217;ve made it a reality. All the changes, tweaks and feature implementations made for a perfect place to sell on the internet.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/laser-engraving-designer-for-wallets/">Laser Engraving Designer for Customized Wallets based on WooCommerce</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/laser-engraving-designer-for-wallets/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Custom Website Development for a Lifestyle Variety Store</title>
		<link>https://www.79mplus.com/project/custom-website-development-lifestyle/</link>
					<comments>https://www.79mplus.com/project/custom-website-development-lifestyle/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Wed, 01 Aug 2018 04:38:37 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496483</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/custom-website-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/custom-website-development-lifestyle/">Custom Website Development for a Lifestyle Variety Store</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/custom-website-development-lifestyle/">Custom Website Development for a Lifestyle Variety Store</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/custom-website-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/custom-website-development-lifestyle/">Custom Website Development for a Lifestyle Variety Store</a></p>
<p><div class="et_pb_section et_pb_section_24 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_36">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_60  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_6 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Custom Website Development for a Lifestyle Variety Store</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_54  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/theme-customization">Theme Customization</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_12 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/custom-website-banner.jpg" alt="" title="Custom Website Development for a Lifestyle Variety Store" srcset="https://www.79mplus.com/assets/custom-website-banner.jpg 1100w, https://www.79mplus.com/assets/custom-website-banner-300x131.jpg 300w, https://www.79mplus.com/assets/custom-website-banner-768x335.jpg 768w, https://www.79mplus.com/assets/custom-website-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/custom-website-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/custom-website-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496495"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_25 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_37">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_61  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_55  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client was looking for a WordPress/WooCommerce team for troubleshooting issues and implementing features for an online store. There was various email issues regarding Vendors and Shipping methods, many feature requests, multi-currency setup and a complete redesign of the website.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Fix Vendor and shipping issues</li>
<li>Implement Multi currency setup</li>
<li>Implement Rewards Program and Gift Certificates</li>
<li>Do a website revamp</li>
<li>Handle minor feature requests</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_26 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_38">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_62  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_56  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>This was a noteworthy project with some important details.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_39">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_63  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_57  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Vendor and Shipping issues</h3>
<p>Our client was using WC Vendors and Austpost Shipping plugins which was a complex setup to begin with. They introduced issues in shipping calculations which the plugin authors did not even had the idea. We had to troubleshoot many issues and find solutions for them. Even if original plugin is faulty and can&#8217;t handle the situation, we found ways to make it work.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_64  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_58  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Multi Currency</h3>
<p>The base currency was AUD, but our client wanted other well-known currencies for their international clients. Implementing the feature was not hard, but fixing some issues in an already complex multi-vendor, discount-driven project was a bit something for us when we started. We regularly had to tackle many issues regarding this. But we were successful in solving the issues at the end.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_65  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_59  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Rewards Program, Gift Certificates</h3>
<p>Rewards program, gift certificate, vendor specific discounts, shipping discounts became very common things for our days with this project. We had some interesting issues to deal with. We dug up some solutions and at the end we were able to make all these work together harmoniously.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_40">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_66  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_60  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Website Revamp</h3>
<p>When we first took the job, it had a near-vanilla Marketica theme applied. We created our own child theme to revamp the website. We redesigned the website to look more modern and match the products our client sell. In the way, we fixed some style issues and also introduced some settings on the theme customizer which would make it easy to change the color scheme in future. Our client was patient with us during our journey and when it was finished, it looked great. As a plus, we got a kudos from the client.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_67  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_61  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Minor Feature Requests</h3>
<p>Client had some ideas of how the website should be. So we helped to make this a reality. We implemented some theme features, some email specific requests, some vendor dashboard modifications, some custom meta fields in the product edit page which made our client&#8217;s life so much easier.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_68  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_27 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_41">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_69  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_13 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="400" height="282" src="https://www.79mplus.com/assets/custom-website-project-imag.png" alt="" title="Custom Website Development for a Lifestyle Variety Store" srcset="https://www.79mplus.com/assets/custom-website-project-imag.png 400w, https://www.79mplus.com/assets/custom-website-project-imag-300x212.png 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-496494"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_62  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>We&#8217;ve made it a reality. All the changes, tweaks and feature implementations made for a perfect place to sell on the internet.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/custom-website-development-lifestyle/">Custom Website Development for a Lifestyle Variety Store</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/custom-website-development-lifestyle/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Multilingual WC Based Story Subscription System using MailChimp API</title>
		<link>https://www.79mplus.com/project/multilingual-wc-based-story-subscription-system/</link>
					<comments>https://www.79mplus.com/project/multilingual-wc-based-story-subscription-system/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Mon, 30 Jul 2018 04:20:10 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496425</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/wendelins-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/multilingual-wc-based-story-subscription-system/">Multilingual WC Based Story Subscription System using MailChimp API</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/multilingual-wc-based-story-subscription-system/">Multilingual WC Based Story Subscription System using MailChimp API</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/wendelins-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/multilingual-wc-based-story-subscription-system/">Multilingual WC Based Story Subscription System using MailChimp API</a></p>
<p><div class="et_pb_section et_pb_section_28 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_42">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_70  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_7 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Multilingual WC Based Story Subscription System using MailChimp API</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_63  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-api-integration">Custom API Integration</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/mailchimp">Mailchimp</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/woocommerce-subscriptions">WooCommerce Subscriptions</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_14 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/wendelins-banner.jpg" alt="" title="Multilingual WC Based Story Subscription System using MailChimp API" srcset="https://www.79mplus.com/assets/wendelins-banner.jpg 1100w, https://www.79mplus.com/assets/wendelins-banner-300x131.jpg 300w, https://www.79mplus.com/assets/wendelins-banner-768x335.jpg 768w, https://www.79mplus.com/assets/wendelins-banner-1024x447.jpg 1024w, https://www.79mplus.com/assets/wendelins-banner-1080x471.jpg 1080w, https://www.79mplus.com/assets/wendelins-banner-510x223.jpg 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496435"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_29 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_43">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_71  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_64  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><p>&nbsp;</p>
<h2>Challenge</h2>
<p>Our client was looking for a team who can create a story subscription system that sends stories every friday to members through a email service. For managing these emails easily, they were looking for an integration with an email newsletter service, like AWeber or something similar. Another requirement was that it has to support 7 languages. These sounded like a new kind of challenge to us. So we took the job.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Choose the appropriate Mailing API</li>
<li>Make sure that email subscription API works with WooCommerce</li>
<li>Make the email service Multilingual to support 7 languages</li>
<li>Store Custom Fields with entries</li>
<li>Automatic adding and removing of users from the mailing list based on subscription status</li>
<li>Make it compatible with variable subscriptions for 2 payment intervals</li>
</ul>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_30 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_44">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_72  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_65  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>&nbsp;</p>
<h1>Our Solution</h1>
<p>This is a fairly simple project with many sweet and complex details. We had to approach the project as a whole when planning. We had to make sure that our plan covers all the aspects &#8211; frontend, backend and email delivery &#8211; when the project is finished.</p>
<p>Here’s how we solved the problem:</p>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_45">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_73  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_15 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/02_choosing_email_services.png" alt="" title="Multilingual WC Based Story Subscription System using MailChimp API" srcset="https://www.79mplus.com/assets/02_choosing_email_services.png 600w, https://www.79mplus.com/assets/02_choosing_email_services-300x150.png 300w, https://www.79mplus.com/assets/02_choosing_email_services-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496428"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_74  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_66  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Choosing the right API</h3>
<p>We&#8217;ve had discussions with client. And our client decided that Mailchimp suited better for our needs than AWeber. It has a better interface, better documentation, better categorization etc. We also needed to add additional information with the entries to differentiate between persons &#8211; support for which was great on MailChimp.</p>
<p>&nbsp;</p>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_46">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_75  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_67  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Email Subscription + WooCommerce</h3>
<p>There were plugins like Memberpress for this. But it did not support WooCommerce &#8211; which was required by our client to maintain the subscriptions. In order to maintain the multilingual nature of the project, we went in and worked on our own integration with WC, which works with WC Memberships + WC Subscriptions.</p>
<p>&nbsp;</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_76  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_16 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/01_wc-and-mailchimp.png" alt="" title="Multilingual WC Based Story Subscription System using MailChimp API" srcset="https://www.79mplus.com/assets/01_wc-and-mailchimp.png 600w, https://www.79mplus.com/assets/01_wc-and-mailchimp-300x150.png 300w, https://www.79mplus.com/assets/01_wc-and-mailchimp-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496429"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_47">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_77  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_17 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/03_multi_language.png" alt="" title="Multilingual WC Based Story Subscription System using MailChimp API" srcset="https://www.79mplus.com/assets/03_multi_language.png 600w, https://www.79mplus.com/assets/03_multi_language-300x150.png 300w, https://www.79mplus.com/assets/03_multi_language-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496451"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_78  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_68  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Multilingual Emails</h3>
<p>MailChimp helped us on the way. MailChimp has a good segmentation feature which we utilized for categorization. We simplified the process by preparing 7 separate lists for 7 languages. It made it simple for us to integrate and simple for client to manage.</p>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_48">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_79  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_69  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Custom Fields with Entries</h3>
<p>We needed to have various data attached to the entries to make it link with the Subscriptions and users on WP. MailChimp API has a way to attach the data with &#8220;Custom Fields&#8221; which made it easy for us. We also attached some other minor information, which can then be used inside the emails. A nice thing to have to create engaging emails.</p>
<p>&nbsp;</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_80  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_18 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/04_custom_fields.png" alt="" title="Multilingual WC Based Story Subscription System using MailChimp API" srcset="https://www.79mplus.com/assets/04_custom_fields.png 600w, https://www.79mplus.com/assets/04_custom_fields-300x150.png 300w, https://www.79mplus.com/assets/04_custom_fields-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496449"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_49">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_81  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_19 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/05_subscription_status.png" alt="" title="Multilingual WC Based Story Subscription System using MailChimp API" srcset="https://www.79mplus.com/assets/05_subscription_status.png 600w, https://www.79mplus.com/assets/05_subscription_status-300x150.png 300w, https://www.79mplus.com/assets/05_subscription_status-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496454"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_82  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_70  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>User Management with Subscription Status</h3>
<p>We had to use WC Subscription hooks to make sure that the user is listed only when he is subscribed to the service from the WordPress side of things. We had to test extensively for all the situations that might occur regarding the subscription status scenario. Client was helpful to setup a staging for us which helped us through the testing. We used normal subscription process with test payment method and Scheduled Actions combined to test the subscription.</p>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_31 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_50">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_83  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_20 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="400" height="282" src="https://www.79mplus.com/assets/wendelins-project-image.png" alt="" title="Multilingual WC Based Story Subscription System using MailChimp API" srcset="https://www.79mplus.com/assets/wendelins-project-image.png 400w, https://www.79mplus.com/assets/wendelins-project-image-300x212.png 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-496432"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_71  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>And the end result was beautiful. A seamless automatic story subscription system supporting multilanguage was born in our hands.</p>
<p>It was a complex but interesting project. We had fun developing it.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/multilingual-wc-based-story-subscription-system/">Multilingual WC Based Story Subscription System using MailChimp API</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/multilingual-wc-based-story-subscription-system/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</title>
		<link>https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/</link>
					<comments>https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Wed, 18 Jul 2018 10:14:04 +0000</pubDate>
				<guid isPermaLink="false">https://www.79mplus.com/?post_type=project&#038;p=496284</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/sage-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/sage-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</a></p>
<p><div class="et_pb_section et_pb_section_32 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_51">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_84  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_8 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_72  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/theme-customization">Theme Customization</a>, <a href="https://www.79mplus.com/project_category/tm-extra-product-options">TM Extra Product Options</a>, <a href="https://www.79mplus.com/project_category/ux-builder">UX Builder</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_21 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/sage-project-banner-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/sage-project-banner-01.png 1100w, https://www.79mplus.com/assets/sage-project-banner-01-300x131.png 300w, https://www.79mplus.com/assets/sage-project-banner-01-768x335.png 768w, https://www.79mplus.com/assets/sage-project-banner-01-1024x447.png 1024w, https://www.79mplus.com/assets/sage-project-banner-01-1080x471.png 1080w, https://www.79mplus.com/assets/sage-project-banner-01-510x223.png 510w" sizes="(max-width: 1100px) 100vw, 1100px" class="wp-image-496364"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_33 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_52">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_85  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_73  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client was looking for someone who could make him a custom-style WooCommerce product page for their bicycle products. He also wanted so that their users could customize the product, choose different options, check the price and place an order. There was another requirement which was interesting. He wanted the custom styled product pages just for some of his new products, but not others. He wanted the rest of the products to remain styled like before. He had pixel perfect mockups of the page, which was very helpful later. Dark, contrasting, beautiful product images and the unique sense of challenge thrilled us. So we took the job.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Create the customized product page according to mockup</li>
<li>Integrate TM Extra Product Options with our mockup design</li>
<li>Keep our customizations separate from other normal products</li>
<li>Make sure our customizations adopt to mobiles and tablets</li>
<li>Make sure it plays well with UX Builder</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_34 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_53">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_86  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_74  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>This is a fun project but required careful planning. We had to be careful to implement features so that the aesthetics are not ruined. And we also had to take care of any existing functionality so that they are not disturbed.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_54">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_87  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_22 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/sage-admin-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/sage-admin-01.png 600w, https://www.79mplus.com/assets/sage-admin-01-300x150.png 300w, https://www.79mplus.com/assets/sage-admin-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496302"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_88  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_75  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Controls on Admin</h3>
<p>We prepared settings in such a way so that client can easily switch between new style and the old style. It helped keep the old product pages intact and the new changes remain on its own separate place, as client wanted.</p>
<p>&nbsp;</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_55">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_89  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_76  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>TM EPO Integration</h3>
<p>We tapped into TM EPO integration for WooCommerce to get the product customization to work on our new product pages. We had to look into how TM EPO handled custom options. We then focused on populating and debugging the interface based on the data that was available to us. It was adventurous to say the least.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_90  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_23 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/tmepo-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/tmepo-01.png 600w, https://www.79mplus.com/assets/tmepo-01-300x150.png 300w, https://www.79mplus.com/assets/tmepo-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496304"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_56">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_91  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_24 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/custom-templating-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/custom-templating-01.png 600w, https://www.79mplus.com/assets/custom-templating-01-300x150.png 300w, https://www.79mplus.com/assets/custom-templating-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496310"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_92  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_77  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Custom Templating</h3>
<p>We had to implement a templating system for our unique requirements. We tried to keep it as separate from WC templates as much as possible. Ultimately this has let us make our changes as freely as possible, without disturbing the existing styles and templates. We had to implement a custom product slider and many other minor things, which we could then do easily. At the end, we were able to pack everything inside the child theme.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_57">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_93  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_78  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Support for Different Screens</h3>
<p>We submitted initial design quickly, but devices are notoriously different and was quickly getting feedbacks on different issues. For example, older iPads used to handle CSS differently, which caused many issues on those devices. We applied changes so that now it appears perfectly on all common devices, including iPads, iPhones.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_94  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_25 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/different-screens-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/different-screens-01.png 600w, https://www.79mplus.com/assets/different-screens-01-300x150.png 300w, https://www.79mplus.com/assets/different-screens-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496308"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_58">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_95  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_26 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/ux-builder-01.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/ux-builder-01.png 600w, https://www.79mplus.com/assets/ux-builder-01-300x150.png 300w, https://www.79mplus.com/assets/ux-builder-01-510x255.png 510w" sizes="(max-width: 600px) 100vw, 600px" class="wp-image-496356"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_96  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_79  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Designed with UX Builder in mind</h3>
<p>The main content was made with UX Builder. So we had to work around it to implement various features. Documentation for UX Builder was scarce. And to make it even worse, proper hooks were absent as well. We had to find other routes to make it work.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_35 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_59">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_97  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_27 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="400" height="282" src="https://www.79mplus.com/assets/sage-project-image.png" alt="" title="WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options" srcset="https://www.79mplus.com/assets/sage-project-image.png 400w, https://www.79mplus.com/assets/sage-project-image-300x212.png 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-496345"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_80  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>It had some delightful challenges but we pulled it off. And the result was astounding, breathtaking! Product customization feature with shiny product images got our hearts pumping. We are also happy that we got more sub-projects from the client for other modifications later on.</p>
<p>It was a complex project, but we had fun developing it.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/">WooCommerce Product Customizer for Bicycles Based on TM Extra Product Options</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/wc-product-customizer-bicycle-tm-epo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Customizable Ring Builder Plugin based on WooCommerce Product Attributes</title>
		<link>https://www.79mplus.com/project/customizable-ring-product-builder-plugin/</link>
					<comments>https://www.79mplus.com/project/customizable-ring-product-builder-plugin/#respond</comments>
		
		<dc:creator><![CDATA[79mplus Admin]]></dc:creator>
		<pubDate>Tue, 09 Jan 2018 12:15:19 +0000</pubDate>
				<guid isPermaLink="false">http://www.79mplus.com/?post_type=project&#038;p=58281</guid>

					<description><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/ring-builder-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/customizable-ring-product-builder-plugin/">Customizable Ring Builder Plugin based on WooCommerce Product Attributes</a></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/customizable-ring-product-builder-plugin/">Customizable Ring Builder Plugin based on WooCommerce Product Attributes</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></description>
										<content:encoded><![CDATA[<p><a rel="nofollow" href="https://www.79mplus.com">79mplus</a><br />
<img src="https://www.79mplus.com/assets/ring-builder-featured.jpg" style="display: block; margin: 1em auto"><br />
<a rel="nofollow" href="https://www.79mplus.com/project/customizable-ring-product-builder-plugin/">Customizable Ring Builder Plugin based on WooCommerce Product Attributes</a></p>
<p><div class="et_pb_section et_pb_section_36 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_60">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_98  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_post_title et_pb_post_title_9 et_pb_bg_layout_light  et_pb_text_align_center"   >
				
				
				
				
				
				<div class="et_pb_title_container">
					<h1 class="entry-title">Customizable Ring Builder Plugin based on WooCommerce Product Attributes</h1>
				</div>
				
			</div><div class="et_pb_module et_pb_text et_pb_text_81  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><div class="project_categories mplus"><a href="https://www.79mplus.com/project_category/anything-backend">Anything Backend</a>, <a href="https://www.79mplus.com/project_category/custom-plugin-development">Custom Plugin Development</a>, <a href="https://www.79mplus.com/project_category/plugin-customization">Plugin Customization</a>, <a href="https://www.79mplus.com/project_category/plugins">Plugins</a>, <a href="https://www.79mplus.com/project_category/project">Project</a>, <a href="https://www.79mplus.com/project_category/tm-extra-product-options">TM Extra Product Options</a>, <a href="https://www.79mplus.com/project_category/woocommerce">WooCommerce</a>, <a href="https://www.79mplus.com/project_category/wordpress">WordPress</a></div></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_28 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="1100" height="480" src="https://www.79mplus.com/assets/ring-builder-banner.jpg" alt="" title="Customizable Ring Builder Plugin based on WooCommerce Product Attributes" class="wp-image-59710"></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_37 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_61">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_99  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_82  et_pb_text_align_left et_pb_bg_layout_dark">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Challenge</h2>
<p>Our client wanted a product customizer for his Jewellery website. He wanted a Ring Builder to work with 22,000+ WooCommerce products and make it so that every ring is reachable through this interface. The sheer collection of products and how it was laid was phenomenal. We liked the challenge so much we took the job.</p>
<p><strong>Our task mainly was to:</strong></p>
<ul>
<li>Client had products for each of his possible rings (22k+ rings)</li>
<li>The products had appropriate attributes</li>
<li>Client wanted it to start from a default ring</li>
<li>Client wanted it to be able to change various aspects of that ring step by step</li>
<li>We would need to show the choice immediately (live preview)</li>
<li>We would have to also take care for future product additions</li>
<li>We would also have to prepare it so that no empty rings are shown under any option throughout the builder</li>
<li>Client also wanted sharing options and email options for the product chosen</li>
</ul></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_38 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_62">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_100  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_83  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Our Solution</h1>
<p>This is a complex project. But we have prepared this to be as easy as possible. Plus, we have in depth articles and documentations to help anyone who wants to setup a microlearning platform.</p>
<p>Here’s how we solved the problem:</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_63">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_101  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_29 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="300" src="https://www.79mplus.com/assets/ring-builder-default-produc.jpg" alt="" title="Customizable Ring Builder Plugin based on WooCommerce Product Attributes" class="wp-image-58903"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_102  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_84  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Customizable Default Product</h3>
<p>We have prepared this to behave in Semi Automatic nature. There is a default product that can be set, which is at the heart of the plugin. The builder initially shows the default product, and as the user goes through the steps, it lets him change various attributes of it.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_64">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_103  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_85  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Live Preview</h3>
<p>The builder shows a preview of the Product being created step by step. It shows the price, sku etc. of the product right from the WooCommerce product. Additionally it also lets the user to share the product or email it to a friend.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_104  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_30 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="285" src="https://www.79mplus.com/assets/ring-builder-live-preview.jpg" alt="" title="Customizable Ring Builder Plugin based on WooCommerce Product Attributes" class="wp-image-58922"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_65">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_105  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_31 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="285" src="https://www.79mplus.com/assets/ring-builder-attributes.jpg" alt="" title="Customizable Ring Builder Plugin based on WooCommerce Product Attributes" class="wp-image-59004"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_106  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_86  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Product Attributes</h3>
<p>Product Attributes are the part of nuts and bolts of the plugin. It works depending on the these attributes. The attributes are shown as steps and the user can change them to get the product he wants. Another thing is that we had to cancel any options that results in an empty list. So we had to design it in such a way that no option shows an empty list. Every choice leads at least one other option to choose from. It gets very intuitive and engaging once someone uses it.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_66">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_107  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_87  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>TM-EPO Implementation</h3>
<p>Our client wanted some custom fields to be added, such as Ring size and sample ordering. We have added support for them as well. Now it works with TM Extra Product Options as they wanted.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_108  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_32 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="285" src="https://www.79mplus.com/assets/ring-builder-tm-epo.jpg" alt="" title="Customizable Ring Builder Plugin based on WooCommerce Product Attributes" class="wp-image-59700"></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_67">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_109  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_33 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="600" height="285" src="https://www.79mplus.com/assets/ring-builder-responsive.jpg" alt="" title="Customizable Ring Builder Plugin based on WooCommerce Product Attributes" class="wp-image-59706"></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_110  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_88  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Responsiveness</h3>
<p>The builder has many elements. So it was a challenge to fit all these functionality into a small screen. It had different arrangements of elements for different screens. It was a good challenge for us and we have succeeded on it.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_39 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_68">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_111  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_34 et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" width="964" height="700" src="https://www.79mplus.com/assets/ring-builder-screenshot-1-1.jpg" alt="" title="Customizable Ring Builder Plugin based on WooCommerce Product Attributes" class="wp-image-59711"></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_89  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Putting it all together</h3>
<p>Our plugin puts together all of these things into a plugin so that it works seemlessly with the WC products. It creates a fun and engaging way to get users hooked into the wide variety of products. We liked the idea and we had a long discussion with client about various details to make it a worthwhile addition to their website.</p>
<p>It was a complex project, but we had fun developing it.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>The post <a rel="nofollow" href="https://www.79mplus.com/project/customizable-ring-product-builder-plugin/">Customizable Ring Builder Plugin based on WooCommerce Product Attributes</a> appeared first on <a rel="nofollow" href="https://www.79mplus.com">79mplus</a> and is written by <a rel="nofollow" href="https://www.79mplus.com/author/79mplus_admin/">79mplus Admin</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.79mplus.com/project/customizable-ring-product-builder-plugin/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
