Restricting Payment/Checkout

Hi @mmk175

In my shipping methods I allow collection/pick up on orders and I also deliver within certain postcodes/zip codes.

However, if a user does not select a shipping method and just goes straight through the checkout they can “circumvent” the rules in my shipping methods.

How do I block a purchase from being made unless they pick collection or delivery? They could order from the USA if they wanted to.

From what I understand, you want to ensure your customers select either ‘collection‘ or ‘delivery‘ as their shipping method before they can complete a purchase. This is to make sure they are either within your delivery area or able to pick up their orders. Here’s how you can make shipping method selection mandatory in your WooCommerce settings:

1. Navigate to your WordPress Dashboard.
2. Click on ‘WooCommerce‘ and then ‘Settings‘.
3. Go to the ‘Shipping‘ tab.
4. Here, you can see all your Shipping Zones. You can set up a zone for the postcodes/zip codes you deliver to and another for the collection/pick-up option.
5. In each zone, you can add shipping methods. Make sure to add ‘Local Pickup‘ and ‘Flat Rate‘ (or another suitable method) for delivery.
6. Make sure to save your changes.

With these settings, your customers will need to choose a shipping method before they can proceed to payment at checkout. The method they choose will be clearly stated in the order details you receive via email.

Feel free to customize the names of the delivery options (“Local pickup” and “Free shipping”) to suit your needs. ?? Find out more about Setting up Shipping Zones Here

I hope this helps! If you have any more questions or need further clarification, I’m here to assist.

Hi Tamrat,

I think I have it cracked. If I provide a shipping option the user cannot complete the payment process with selecting one. 

Since I will add in the postcodes for the shipping options unwanted users cannot place orders. 

Thank you very much for your time on this matter. 

If you know anything else about CSS and making my site mobile responsive, any advice there would be greatly appreciated. 

Kind Regards

Hi @mmk175

I think I have it cracked. If I provide a shipping option the user cannot complete the payment process with selecting one. 

Since I will add in the postcodes for the shipping options unwanted users cannot place orders. 

I am happy to hear that you’ve figured out a great way to manage your shipping options. Indeed, by requiring customers to select a shipping option before completing the payment process, you can ensure that only those within your specified postcodes can place orders. This is a smart way to control your order flow and manage your shipping logistics.

However, if you want, you can also use an additional plugin to achieve it, such as WooCommerce Advanced Shipping Packages, WooCommerce Table Rate Shipping or WooCommerce Conditional Shipping and Payments. All these plugins allow you to create complex shipping rules based on various conditions, including location, item count, weight, and more. This can help prevent customers from circumventing the shipping rules.

If you know anything else about CSS and making my site mobile responsive, any advice there would be greatly appreciated.

Making your site mobile responsive is related to your theme. However, here are some tips that might help you:

• Use media queries: Media queries in CSS allow you to apply styles to specific devices based on characteristics, such as screen resolution or device width. This is crucial in creating a responsive design.
• Flexible images and grids: Ensure your images and layout grids are flexible to adapt to different screen sizes. You can use percentages instead of fixed pixels for widths.
• Test on multiple devices: Always test your site on different devices and screen sizes to make sure your design works well on all of them. If you are using Google Chrome, then consider using the Responsive Viewer addon.
• Consider a mobile-first approach: This means designing for the smallest screen first and progressively enhancing the experience for larger screens. This approach can help ensure your site looks good on all devices.
• Use a responsive theme: If you’re not comfortable with coding, WooCommerce offers a variety of responsive themes that can help make your site mobile-friendly without requiring you to write any CSS.

Remember, a mobile-responsive site is not only important for user experience but also for SEO. Google ranks mobile-friendly websites higher in search results.

Rest assured, WooCommerce is responsive and performs exceptionally well on all available devices.

I hope this helps! If you have any other questions, feel free to ask.