| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| v:2.0:multiship [2017/06/29 05:40] – [How Multi-Ship Works] marija | v:2.0:multiship [2017/07/05 02:46] (current) – [Custom Address Fields for MultiShip] adam |
|---|
| While it is a little more advanced than the standard single-ship checkout process, it's really not that bad, and can be a very profitable feature if the product and target market are right. | While it is a little more advanced than the standard single-ship checkout process, it's really not that bad, and can be a very profitable feature if the product and target market are right. |
| |
| | {{ :v:2.0:screen_shot_2017-06-29_at_3.39.59_pm.png?nolink&600 |}} |
| ===== How Multi-Ship Works ===== | ===== How Multi-Ship Works ===== |
| |
| In order to start using Multi-Ship, you'll need to check the box labeled ''multiple ship-to addresses:'' in the settings page of your store's admin and click the ''Update Store'' button to save the setting. Here's a link to that page: [[https://admin.foxycart.com/admin.php?ThisAction=EditStore|FoxyCart Store Settings]] | Multi-Ship is enabled by checking the box labeled ''multiple ship-to addresses'' in the settings page of your store's admin and click the ''Update Store'' button to save the setting. Here's a link to that page: [[https://admin.foxycart.com/admin.php?ThisAction=EditStore|FoxyCart Store Settings]] |
| |
| Multi-Ship is enabled by adding a [[.:cheat_sheet#standard_product_options|''shipto'' parameter]] to any products added to the cart. To see it in action, add to cart at least 2 products with different values of the ''shipto'' parameter, for example: | To implement Multi-Ship in your store, you'll start by adding a [[.:cheat_sheet#standard_product_options|''shipto'' parameter]] to any products added to the cart. To see it in action, add to cart at least 2 products with different values of the ''shipto'' parameter. For example - if the following product was added to the cart twice, once with with the shipto select element set to "Me" and another time with it set to "Mom", it would look like the screenshot above: |
| <code html> | |
| <a href="https://YOURSTORE.foxycart.com/cart?name=ShipToMe&price=11.99&shipto=Me">This ships to me</a> | |
| <a href="https://YOURSTORE.foxycart.com/cart?name=ShipToMom&price=12.99&shipto=Mom">This ships to Mom</a> | |
| </code> | |
| |
| If you'd like your customer to be able to input a value for the shipto, you can include the parameter as an input within your ''<form>'' tag, for example: | |
| <code html> | <code html> |
| | <form action="https://YOURDOMAIN.foxycart.com/cart?" method="post"> |
| | <input type="hidden" name="code" value="CCCOOKIES" /> |
| | <input type="hidden" name="name" value="Chocolate Chip Cookies" /> |
| | <input type="hidden" name="price" value="10.00" /> |
| | <label>Ship To:</label> |
| | <select name="shipto"> |
| | <option value="Me">Me</option> |
| | <option value="Mom">Mom</option> |
| | <option value="Friend">Friend</option> |
| | </select> |
| | <input type="submit" value="Add Chocolate Chip Cookies to cart" /> |
| | </form> |
| </code> | </code> |
| |
| | For applying Multi-Ship to your store you probably wouldn’t want to hard-code the different ''shipto'' values as in the example above, but instead let the customer enter their own custom values and have the dropdown remember those. We recommend [[:integration:foxycart:multiship_javascript_2|a quick bit of javascript]] (results of which is displayed below) to keep ''shipto'' values consistent and easy to manage for your customers. |
| The value of the ''shipto'' can be anything, but we recommend [[:integration:foxycart:multiship_javascript_2|a quick bit of javascript]] (results of which is displayed below) to keep ''shipto'' values consistent and easy to manage for your customers. | |
| |
| {{ :v:0.7.0:multiship.site.png?direct |Selecting a "shipto" address for a product.}} | {{ :v:0.7.0:multiship.site.png?direct |Selecting a "shipto" address for a product.}} |
| <code> | <code> |
| <div class="fc-form-group "> | <div class="fc-form-group "> |
| <div class="col-sm-8 col-sm-offset-3" data-fc-error-for="referral_source" data-fc-error-class="fc-alert-container--error"> | <div class="col-md-8 col-md-offset-3" data-fc-error-for="referral_source" data-fc-error-class="fc-alert-container--error"> |
| <div class="fc-input-group-container fc-input-group-container--checkbox fc-input-group-container--active"> | <div class="fc-input-group-container fc-input-group-container--checkbox fc-input-group-container--active"> |
| <label class="fc-input-group-container__title fc-input-group-container__title--forced fc-form-label"> | <label class="fc-input-group-container__title fc-input-group-container__title--forced fc-form-label"> |
