Shopping Page

Create a Shopping Page

See an example of a shopping page. 

To create a new form you should:

  1. Log in as the primary administrator to MembershipWorks
  2. Go to Forms Carts Donations
  3. Click “+ New Form”

The primary admin can give secondary admins the ability to access forms that have already been created.

    Form Template Tab

    This is where you can add the questions you would like all shoppers to complete, no matter which item they select. You will have the opportunity to add questions specific to a particular item at a later point. By default the form will have fields to collect the Name, Email and Phone. In most cases you won’t need to update this. If you do you can follow the directions below.

    How to delete a field
    delete a field

    1. Click on the field you’d like to delete
    2. Click Remove
    3. Click “Confirm Remove”
    4. Follow steps 1 through 3 to delete all of the fields you no longer want
    5. Click Save Template & Continue to Items to finalize the changes

    How to add a field

    add a field
    When adding a field, you can either opt to add a custom field or click on the “Field” drop down menu to select one of the existing system fields. If a system field exists for your purpose, we recommend using that field type instead of creating a new one. To create a new custom field:

    1. Click “+ Add Box”
    2. Add the question you’d like to ask in the box next to “Description”
    3. Next to “2-letter identifier” type any 2 letters
    4. Set the “Type” to the kind of questions you’d like to ask
    5. Click OK
    6. Repeat steps 1 through 5 for each question you’d like to add
    7. Click Save Template & Continue to Items to finalize your changes

    How to add new boxes

    add a box

    You may want to organize your questions into different boxes. You can see an example of a form with different boxes here.

    1. Click on “+ Add Box”
    2. Put a title for the box in “Box title”
    3. Add a description if you’d like in the “Description” field
    4. “Visibility” should only be set if you would like to limit which members or groups of members can see the questions in this box.
    5. Click OK

    Once you’ve added the box you can follow the above directions on “How to add a field” to add fields to the box. You can also drag and drop existing fields from one box to another. Don’t forget to click Save Template & Continue to Items to finalize your changes.

    Items Tab

    This is where you can add the items you’d like to sell. You can add as many items as you’d like. Please note that there is not a search functionality on the shopping page so you should not add too many items.

    create a shopping cart item

    Directions to add an item

    1. Click “+ New Item”
    2. Give the item a Name and Description
    3. Set the “Item type” to “Fixed price good/service”
    4. Set the “Item price”
    5. Add a “Handling fee” if needed. You can add it here and it will be charged per item or on the Settings tab if you prefer it to be charged per checkout.
    6. If you need to override the tax rate set up in MembershipWorks > Organization Settings > Integration > Tax Rules you can do so by adding the tax rate you’d like applied to this item in the “Override tax rate” box. In most cases you can just leave this box blank.
    7. Add the email addresses of anyone you’d like to be notified when someone checks out this item. You can add multiple emails by separating them with a comma and no space*.
    8. By default the button text to select this item will say “Add.” If you’d like to change it, you can add the text you prefer in the box next to “Button text.”
    9. You can restrict the item to only accounts with a particular membership level or label by enabling the “Restrict to” feature. After you enable it click on the membership level or label you’d like to have access to the item. You’ll see the background turn blue to show that it has been enabled.
    10. You can exclude the item from accounts with a particular membership levels or labels by enabling the “Exclude” feature. After you enable it click on the membership level or label you’d like to exclude from having access to the item. You’ll see the background turn blue to show that it has been enabled.
    11. Checkout actions allow you to add current accounts to Folders or Labels when they check out. You can also create accounts for people who aren’t currently in your system. Please note that as long as they just check out an item they will not count towards the total number on your MembershipWorks plan. However if you have accounts created for people, those accounts will count towards the total on your plan.*
    12. For organizations that have our Premium MailChimp integration you can have people who select this donation automatically added to your MailChimp list. You can also attach MailChimp tags to them. If you don’t have our premium MailChimp integration you’ll be able to export them from the form Dashboard and import them into MailChimp or other email marketing software.
    13. Click Next to go to the Images tab

    * Notification emails, checkout actions and receipts can be set individually for each item or for the whole form in the Settings tab of the form.

    Images Tab

    images tab

    1. To add an image, click or drop the file in the box as directed – the first picture will be the one that shows as the main image. Additional picture(s) will show when the website visitor clicks on the item for more information.
    2. Click Next or Save Item (the latter will appear if you are returning to add to/edit the item).
    Options Tab

    add item options

    1. Click “+ Add Item Option” if you’d like to give different options for this shopping cart item.
    2. If some options cost an additional amount, you can add the additional amount in the “Price difference” box.
    3. Click Next or Save Item (the latter will appear if you have returned to edit your item).

    Questions Tab

    questions for shopping cart item

    The Questions tab allows you to add as many questions as you’d like for this item. This question will be asked each time this is selected. If, for example, a website visitor selects 5 of this item and you have asked the question, “What name would you like on the shirt?” they will need to answer the question 5 times.

    1. Click “+ Add Question” to create your question
    2. Fill out the information for the question
    3. Click Next or Save Item (the latter will appear if you have returned to edit your item) 

    Receipt Tab

    item receipt for cart purchase
    You can create a separate receipt for each item or have just one receipt that you create in the Settings tab. If there is information particular to this specific cart item, for example if you are communicating item-specific delivery information, it makes sense to have a separate receipt for this item. Otherwise you may just want to create one receipt in the Settings tab.*

    1. Add your “Subject line for the email”
    2. Add your message in the “Message for email” box
    3. Click Add Item or Save Item (the latter will appear if you have returned to edit your item) to finalize the item

    * Notification emails, checkout actions and receipts can be set individually for each item or for the whole form in the Settings tab of the form.

    Settings Tab

    This is where you control the general settings for the form. Let’s take a walk through all of the settings.

    First Box
    shopping cart settings box

    In top box you can control the following:

    Form name: This is set when you create the form. You can change it here if you’d like. Please note that if you change the name, it will change the WordPress shortcode and HTML5 snippet used to embed the form on your website. Therefore if you change the name after putting the form on your website you will need to update the WordPress shortcode or HTML5 snippet on your website.

    Notify email(s): You can add email addresses of people who should be notified when someone checks out this form. This can also be done at the item level if you prefer. If you have multiple emails you like notified, separate them with a comma (no space).

    Redirect to: You can put a URL in this box and it will redirect the member to that page upon checkout.

    Checkout button text: Here you can update the text you’d like on the checkout button. For example, some people like it to read “Buy Now.”

    Scroll: If most website visitors will only be selecting one item, you can enable this setting and the form will automatically scroll down to the checkout area after an item is selected. If people will be selecting multiple items, it is best not to enable this setting.

    Handling fee: Here you can put the handling fee you would like charged when someone checks out items on this form.

    Limit items per checkout: You can leave this blank if you don’t want to limit the number of items a website visitor can check out. If there is a limit you can add it here.

    Checkout actions:

    • “If user has account, add user to these folders/labels” allows you to add users who already have an account in your system to a particular Folder, or add a Label to their account. When selected you will see a list of all the Folders and Labels you’ve created. Click on the ones you’d like and you’ll see their background turn blue to show that they have been enabled.
    • “If user has account, remove these labels” allows you to remove Label(s) from an account when they check out this form. When selected you will see a list of all the Labels you’ve created. Click on the Labels you’d like and you’ll see their background turn blue to show that they have been selected.
    • “If user does not have account, add user to these labels/folders” will automatically create accounts for users that check out this form and don’t currently have an account. In most cases we don’t recommend enabling this setting as each account created will count toward the total number on your MembershipWorks plan. You will be able to see and export information from the form on its Dashboard, including contact information of people who do not have accounts in your system.
    • “Add user to email list” will only be visible if you have the Premium MailChimp Integration Add-On. This allows you to automatically add people who check out this form to the MailChimp audience of your choice. You can also have it automatically attach Tags in MailChimp. If you don’t have the Premium MailChimp Add-On, you can export from the event’s Dashboard to a csv spreadsheet and then import the spreadsheet into your newsletter platform.

    It is important that you always click Save after making any changes in this box to finalize your change.

     

    Billing Options Box

    form billing optionsIf you would like website visitors to be able to check out a shopping cart purchase without making an online payment, you can enable “Allow offline payment.” This is used if your organization wants to allow cart submissions where the purchaser can pay by cash or check at a later date.

    Once you enable this option, you will see a box to add payment instructions. This could include an address to mail the check or when and where to deliver a cash payment.

    You will also be able to create an email that goes out to them upon checkout with directions for payment. Once you record that the payment has been received, the “Email Receipt” set up in the next section will go out. 

    Email Receipt Box

    shopping cart receipt

    Here you can create a receipt that goes out when someone checks out the form. Below the email box you can click on “Tags” to see what tags are accepted in this email. For example if you type “[now]” it will replace “[now]” with the current date when the email is sent.

    Tax Rules Box

    tax settings for forms

    If you need to override the tax rate set up in MembershipWorks > Organization Settings > Integration > Tax Rules you can do so by adding tax rules here. If you’ve set up items to override tax rules, they will override the rules you have set here.

    Add Your Form to Your Website

    You can add the form to your website by utilizing a shortcode (WordPress) or HTML5 snippet (Weebly, SquareSpace, WithoutCode) that we provide. Please note that you can only put one form on a page; you'll need to build a page on your site for each form you create.

        For WordPress Websites

        wordpress donation form

        1. Go to the Dashboard tab of the form
        2. Click Embed/Link
        3. Copy the shortcode from the yellow box
        4. Paste it onto your website page and publish or update your page
        All Other Types of Websites

        wordpress donation form

        1. Go to the Dashboard tab of the form
        2. Click Embed/Link
        3. Copy the HTML5 snippet from the yellow box under “Embed the form on another site:“
        4. Paste it onto your website page and then save or publish your page
        Copying a Form

        copy form button

        If you need a form similar to one you’ve already created, you can easily copy it. After copying the form you can edit the new form to fit your needs.

        1. Go to MembershipWorks > Forms Carts Donations
        2. Click on the form you’d like to copy
        3. Go to the Dashboard tab of the form
        4. Click Copy Form
        5. Type in the name of your new form
        6. Click Copy

        This will copy all of the settings of the original form without any of the checkouts.

        Managing Your Form

          How to Record an Offline Payment

          record form payment received
          This situation applies when you receive a check or cash for a form payment. Payments yet to be received are listed in red.

          1. Click on “View/Void” next to the name
          2. Click “Record Payment received”
          How to Link a Form Submission to an Account

          link form submission to member account

          1. Click “View/Void” or View/Refund” next to the name
          2. Select “Link registration to account”
          3. Search for the account name
          4. Click on the account. Once the account has been linked, the person icon icon will appear next to the name. The icon is clickable.
          How to Void a Checkout

          void checkout

          1. Click “View/Void” next to the name
          2. Select “Void”
          3. A message will come up asking you to confirm
          4. Click Continue
          How Process a Refund

          issue form refund

          1. Click “View/Void” next to the name
          2. Select “Void & Refund”
          3. A message will come up asking you to confirm void and issue full refund
          4. Click Continue

          Please note that once a transaction if refunded it cannot be undone.

          How to Export to a CSV Spreadsheet

          export to csv

          1. Click Export CSV
          2. Select to export all checkouts or checkouts of just a particular item