Pay What You Want: Multivendor Marketplace App for Shopify

We have introduced Pay what you want feature app within the Multivendor Marketplace App for Shopify.

Pay what you want (PWYW) also known as Value-for-Value model is a pricing strategy where buyers pay their desired amount for a given commodity. A minimum (floor) price is set, and/or a suggested price may be indicated as guidance for the buyer.

Pricing: This feature will have an additional charge of USD 10 per month over & above your current Multivendor Marketplace plan charges.

Let’s move on to the installation & configuration process!

Enable the following app by visiting:

• Multi-Vendor Admin Panel
• From the Dashboard, hover over the three dots on the top-right of the page
• Click on Feature Apps
• Search for ‘Pay What You Want‘ & click on ‘Enable‘
• After accepting the charges, you’ll be good to configure the app!

To make this feature display on the frontend, the admin needs to paste a few codes.

The instructions with the codes will be given on the following page:
Multivendor Admin Panel > Configuration > Instruction for Marketplace

Here, you’ll have these codes:

Show Price input field in the product page: Copy the below-given code & paste it to product-template.liquid file.

{% if product.tags contains 'wk_pay_what_you_want' %}
<div class="wk_error_message" style="visibility:hidden">You have to Pay atleast <span id="wk_var_price"></span></div> 
<div id="wk_custom_price_div" data-productid="{{ product.id }}" data-productprice="{{product}}">
<input id="wk_variant_id" type="hidden" name="properties[wk_variant_id]" value="" >
<input type="hidden" name="properties[wk_pay_what_you_want]" value="true" >
<p class="wk_pay_what_you_want" style="visibility:visible">
<label for="wk_custom_price">Enter price you want to pay</label>
<input id="wk_custom_price" type="number" name="properties[wk_custom_price]" value="" >
</p>
</div>
{% endif %}

Hide pay what you want product price: Copy the below-given code & also, paste it to product-template.liquid theme page.

{% unless product.tags contains 'wk_pay_what_you_want' %}<!--your price object -->{%endunless %}

For adding code inside the class attribute of your Add to cart button: Copy the below-given code & paste it to product-template.liquid theme page.

 {% if product.tags contains 'wk_pay_what_you_want' and current_variant.available %} wk_choice_pay {%endif%}

Add code inside attribute of your Add to cart button: Copy the below-given code & also, paste it to product-template.liquid theme page.

 {% if product.tags contains 'wk_pay_what_you_want' %} disabled {%endif%}

For adding class to your quantity selector: Copy the below-given code & paste it to product-template.liquid theme page.

 wk_qty_selector

Hide pay what you want product price from the search product page: Copy the below-given code & also, paste it to product-price.liquid theme page.

{% unless product.tags contains 'wk_pay_what_you_want' %}<!--your price code -->{%endunless %}

Calculate price form cart page for pay what you want product: Copy the below-given code & paste it to cart-template.liquid theme page. Above cart items loop.

{% assign wk_pay_whatever_extra_price  = 0 %}

Copy the below given code & also, paste it to cart-template.liquid theme page. Below cart items loop.

{% if item.product.tags contains 'wk_pay_what_you_want' and item.properties['wk_custom_price'] %}<span class='wk_pay_what_you_want_count' style='display:none;'></span>{%endif%}

Update price column: Copy the below given code & paste it to cart-template.liquid theme page.

{% if item.product.tags contains 'wk_pay_what_you_want' and item.properties['wk_custom_price']%} 
{{item.properties['wk_custom_price']| times: 100 | money }}
{% else %}
<!-- your price object -->
{% endif %}

To update Total price column: Copy the below given code & also, paste it to cart-template.liquid theme page.

{% if item.product.tags contains 'wk_pay_what_you_want' and item.properties['wk_custom_price']%}
{% assign pay_whatever_line_price  = item.properties['wk_custom_price'] | times:  <!-- item quantiy object--> | times: 100%}
{{ pay_whatever_line_price | money }}
{% assign wk_pay_whatever_extra_price = pay_whatever_line_price | minus: <!-- product total price object --> | plus: wk_pay_whatever_extra_price %}
{% else %}
{{<!-- product total price object --> | money}} 
{% endif %}

Update Sub Total price: Copy the below given code & paste it to cart-template.liquid theme page.

{% if wk_pay_whatever_extra_price != 0%}{{<!-- cart total price object --> | plus: wk_pay_whatever_extra_price | money}} {%else%}{{ <!-- cart total price object --> | money }}{%endif%}

To update Sub Total price: Add class to your checkout button on cart page cart-template.liquid theme page.

 wk_checkout_btn

If you are having trouble while updating the codes, let us know by emailing at [email protected] or creating a ticket for the same at Webkul UV Desk. We’ll do it for you!

To add a product, visit Multivendor Marketplace Admin/Seller Panel > Products > Product Listing > Add Product.

Now, while adding the product, you need choose product as Pay what you want Product.

Other than this, add a minimum price to the product, enter the rest of the details and save.

Note:

The normal products can be converted into PWYW products and vice-versa.

Also, on the seller profile page, the prices for PWYW products don’t display. If you want to display them, add the following code to the seller profile theme:

{if $pay_what_you_want_active && $value.type == 7} hidden {/if}

Moreover, after adding all the codes, this is how the frontend will look like:

If a customer tries to checkout after entering a price lesser than the minimum amount set from the backend, he will receive a message saying:
“You must pay at least *minimum amount value*”

This is all about the Pay What You Want feature app.

Support: If you have any issues, please drop an email at [email protected]. You can also create a ticket at  Webkul UV Desk.