eclipse-digital
Contact Us
eclipse-digital

Category: Development

Shopify B2B Setup: The Complete Guide for Wholesale Businesses

Wholesale buyers want what retail customers already have: transparent pricing, easy reordering, and the ability to manage their own accounts. The days of faxing purchase orders or waiting for sales reps to return calls? Pretty much over. For years, Shopify meant direct-to-consumer brands. That’s changed. Today, Shopify handles B2B just as well as retail—and you can run both from one platform. This guide covers everything you need to know about Shopify B2B setup, from the native features to pricing structures to how it stacks up against Magento and WooCommerce. Whether you’re a manufacturer modernizing your wholesale operations, a distributor managing complex pricing tiers, or a DTC brand adding wholesale, this guide will help you decide if Shopify B2B fits your business—and how to actually implement it. Understanding Shopify B2B: Native Features vs. Third-Party Apps Your first choice: use Shopify’s built-in B2B features or add third-party apps? It depends on your Shopify plan, order volume, and how complex your operations are. Native Shopify Plus B2B Features Shopify Plus (the enterprise plan) includes the most powerful B2B functionality, all fully integrated. Here’s what you get: Company Profiles: Group multiple users under one company account. Set permissions, payment terms, and track everything in one place. Custom Price Lists: Create different pricing for different customers without duplicating products or building separate stores. Set percentage discounts, volume tiers, or fixed wholesale prices for specific companies. Net Payment Terms: Offer Net 30, Net 60, or Net 90 terms directly in Shopify. The platform handles invoicing, payment tracking, and automated reminders. Optimized B2B Checkout: A specialized checkout for wholesale buyers with PO number fields, tax exemption handling, and bulk ordering. Self-Service Customer Portals: B2B buyers log in to see order history, track shipments, download invoices, and reorder with one click. These features are built into Shopify’s core, so you don’t worry about app conflicts, security holes, or features breaking when Shopify updates. Third-Party B2B Apps for Standard Shopify Plans Not everyone needs Shopify Plus. If you’re on Basic, Shopify, or Advanced, you can add wholesale features with third-party apps: SparkLayer: Full B2B features including custom pricing, quick order forms, and customer catalogs. Starts around $99/month. Wholesale Club: Budget option for basic wholesale—tiered pricing and wholesale-only access. Around $49/month. B2B Handsfree: Focuses on automation with custom pricing, minimum order quantities, and approval workflows. Apps work, but there are tradeoffs: Upsides: Lower cost than Shopify Plus Pay only for features you need Faster setup for simple wholesale Downsides: Can slow down your site App conflicts happen, especially after Shopify updates Less integrated with core Shopify Managing multiple app subscriptions Higher transaction fees than Plus The Decision: Plus vs. Apps Three factors matter: Order Volume: Processing over $1 million annually in B2B? The lower transaction fees on Plus (0.15% vs. 0.5-2.0%) can offset half the monthly cost. Complexity: Need sophisticated pricing rules, approval workflows, or deep ERP connections? Native Plus features scale better than stacking apps. Growth Plans: Planning rapid expansion or managing DTC and B2B together? Plus saves you a costly migration later. Rule of thumb: Under $500K annually in B2B? Start with standard Shopify plus apps. Over $1M? Seriously look at Plus. Key Setup Steps and Configuration Once you’ve picked your approach, here’s how to configure it. Step 1: Setting Up Companies and Locations Company profiles are the foundation. Instead of treating each wholesale buyer as an individual customer, you create Company accounts with multiple users at different permission levels. How to set up Companies: Go to Customers > Companies in Shopify admin Click Add company and enter business name, contact, billing info Add multiple locations if your buyer has warehouses or stores in different cities Assign users with specific roles (Admins place orders and manage users; Standard users browse and add to cart) Set company-specific payment terms, credit limits, shipping preferences This mirrors real B2B relationships. A regional distributor might have purchasing managers in three states, all ordering under one account with shared credit terms but different shipping addresses. Pro tip: Start with your top 20% of wholesale customers first. High-value accounts give you immediate feedback, and getting them online drives the most ROI. Step 2: Configuring Price Lists and Catalogs Shopify B2B lets you keep one product catalog while showing different prices to different buyers—no duplicate products or separate stores needed. Creating Price Lists: Go to Products > Price lists Create a new list with a clear name (“Gold Tier Wholesale” or “Regional Distributor Pricing”) Choose your pricing method: Percentage discount: Blanket discount (40% off retail) on everything Fixed pricing: Specific wholesale prices per product Volume pricing: Tiered pricing by quantity (10-49 units = $10 each, 50+ = $8 each) Assign the list to specific companies or segments Set date ranges for seasonal promotions or temporary agreements Example: A coffee roaster sells retail bags at $16 online. Their cafe partners see $11 per bag when logged in. Regional distributors see $9 and can access bulk packaging that retail customers never see. No manual quoting, fewer errors, and wholesale buyers can order 24/7 without waiting for sales approval. Step 3: Setting Payment Terms and Checkout Traditional B2B runs on credit—buyers get goods now, pay invoices in 30-90 days. Shopify B2B handles this natively on Plus, or through apps on standard plans. Configuring Net Payment Terms (Shopify Plus): Go to Settings > Payments > B2B payment terms Enable terms and set defaults (Net 30, Net 60, Net 90, or custom) Assign specific terms to companies based on creditworthiness Set credit limits to cap outstanding balances Enable automated invoices and payment reminders B2B Checkout Optimization: B2B checkout should match business buying: PO Number Fields: Let buyers reference internal purchase orders for accounting Tax Exemption Handling: Auto-apply exemptions for buyers with valid certificates Bulk Order Entry: Quick order forms where buyers enter multiple SKUs at once instead of clicking through product pages Saved Carts: Save draft orders for later approval Example: A restaurant supply company gives Net 30 to established customers. New customers pay by card. After three on-time

WordPress Plugin Chaos Got You Down? 5 Steps to Migrate to Statamic (Without Losing Your SEO)

Your WordPress site is drowning in plugins. Security plugins conflict with performance plugins. SEO plugins break e-commerce plugins. Cache plugins interfere with form plugins. Sound familiar? You’re not alone, and you don’t have to live with this chaos anymore. WordPress plugin dependency has reached a breaking point in 2025. The average WordPress site now runs 25+ plugins, creating a maintenance nightmare that costs businesses thousands in developer hours and lost revenue from site crashes. Meanwhile, Statamic offers a clean, plugin-light alternative that delivers the same functionality without the complexity. But here’s the real concern: How do you migrate without destroying years of SEO work? The answer lies in a systematic approach that preserves your search rankings while eliminating plugin hell. Here are the exact five steps that Minnesota businesses are using to cut their website maintenance costs by 60% through strategic Statamic migrations. Step 1: Audit Your Plugin Ecosystem (The Reality Check) Stop adding bandaids to a broken system. Before you can escape WordPress plugin chaos, you need to understand exactly what you’re dealing with. Create a comprehensive inventory of every active plugin on your WordPress site. Document what each plugin does, when it was last updated, and whether it conflicts with others. The results will shock you. Most WordPress sites we audit at Eclipse Digital contain: 5-8 plugins that duplicate functionality 3-4 abandoned plugins (no updates in 12+ months) 2-3 plugins causing active conflicts 10+ plugins that could be replaced by native Statamic features Pay special attention to your SEO-critical plugins: redirect managers, meta tag generators, XML sitemap creators, and structured data plugins. These are your non-negotiables during migration, their functionality must be perfectly replicated in Statamic. Pro tip: Screenshot your current plugin dashboard and WordPress admin menus. You’ll reference these later to ensure no functionality gets lost in translation. Step 2: Install the WordPress-to-Statamic Bridge The migration bridge is your lifeline. Install the WordPress to Statamic Exporter plugin while your WordPress site is still live. This plugin creates a clean data export that Statamic can understand without mangling your content structure. Here’s what the exporter handles automatically: Posts and pages with proper formatting Custom post types and taxonomies Featured images and media attachments Author information and publication dates Basic metadata and custom fields For sites using Gutenberg blocks (most WordPress sites in 2025), you’ll also need the wp-rest-blocks plugin. This exposes your block data through the REST API, allowing Statamic to recreate your content structure using Bard fields instead of flattening everything into basic HTML. Critical warning: Don’t skip the backup step. Export your entire WordPress database and file system before installing any migration plugins. Murphy’s Law applies double to website migrations. Step 3: Map WordPress Functionality to Statamic Features This is where the magic happens. Statamic eliminates 70% of typical WordPress plugins by building functionality directly into the core system. Here’s the translation guide: SEO plugins → Native Statamic SEO Yoast/RankMath becomes built-in meta tags and Open Graph support XML sitemaps generate automatically Structured data configures through blueprints Form plugins → Native Forms Contact Form 7 becomes Statamic Forms Form validation and spam protection included Email notifications configure without plugins E-commerce plugins → Statamic Commerce WooCommerce functionality migrates to native commerce features No third-party plugin dependencies Integrated inventory and payment processing Security plugins → Server-level security Most WordPress security plugins become unnecessary Statamic’s flat-file architecture eliminates SQL injection risks Static caching provides natural DDoS protection Performance plugins → Native performance Caching plugins become redundant with Statamic’s static generation Image optimization integrates natively CDN integration configures without plugins Step 4: Execute the Content Migration (Without Breaking SEO) Your SEO rankings are precious cargo. Handle them with surgical precision during the migration process. URL structure preservation is non-negotiable. Map every WordPress URL to its Statamic equivalent: Blog posts: /blog/post-name/ → /blog/post-name/ Pages: /page-name/ → /page-name/ Custom post types: /portfolio/project-name/ → /portfolio/project-name/ Redirect management requires special attention. WordPress sites often accumulate hundreds of redirects across multiple plugins and .htaccess files. Document every redirect that still receives traffic or has SEO value. Eliminate redirect chains and outdated entries, this migration is your chance to clean house. Import your content using Statamic’s CLI tools: Run the WordPress exporter to generate JSON files Import content using php please import:wordpress Verify content structure in Statamic’s control panel Test all URLs in a staging environment Meta data preservation is critical. Ensure every page maintains its: Page titles and meta descriptions Open Graph and Twitter Card tags Structured data markup Canonical URLs Alt tags for images Step 5: Launch and Monitor (The SEO Safety Net) Going live is just the beginning. Your post-migration monitoring determines whether you keep your search rankings or watch them disappear. Pre-launch checklist: All URLs resolve correctly (no 404 errors) Redirects function properly (use tools like Screaming Frog) XML sitemap generates automatically Page speed improves (it should: Statamic is faster) Contact forms submit successfully Analytics and tracking codes transfer correctly Post-launch monitoring (first 30 days): Monitor Google Search Console for crawl errors daily Track organic traffic and ranking changes weekly Test site functionality across devices and browsers Update DNS settings for optimal performance Pro tip: Submit your updated sitemap to Google Search Console immediately after launch. This signals search engines to re-crawl your site with the new structure. The Hidden Benefits You’ll Discover Beyond eliminating plugin chaos, Statamic migrations deliver unexpected advantages: Development velocity increases 300%. No more compatibility testing between 25 different plugins. Changes deploy faster without plugin conflicts. Security incidents drop to near-zero. Flat-file architecture eliminates the database vulnerabilities that plague WordPress sites. Hosting costs decrease significantly. Static site generation reduces server resource requirements. Many clients save $200+ monthly on hosting. Update anxiety disappears. No more plugin update notifications causing panic about site crashes. Common Migration Pitfalls (And How to Avoid Them) Don’t let these mistakes destroy your SEO: Pitfall #1: Changing URL structure during migration Solution: Maintain identical URL patterns, even if Statamic’s defaults differ Pitfall #2: Forgetting about WordPress widgets and sidebars Solution: Recreate sidebar content using

Should Your Agency Outsource Web Development?

View Of Staff In Busy Customer Service Department

Outsourcing Web Development: Unlocking Efficiency and Expertise for Your Business Outsourcing web development refers to hiring external contractors or agencies to design, develop, and maintain your website or web application. Many agencies consider outsourcing web development as a way to save costs, access specialized skills and knowledge, and improve efficiency. However, it’s crucial to choose the right outsourcing partner to ensure high-quality work, timely delivery, and effective communication. Benefits of outsourcing web development for agencies Cost-effectiveness Outsourcing web development can be more cost-effective than hiring an in-house team, as you don’t have to pay for employee benefits, training, and equipment. Also, outsourcing partners often have lower labor costs due to the location, which can translate into significant savings for your agency. Access to expertise Outsourcing web development allows you to tap into a pool of skilled professionals who specialize in different areas of web development, such as design, programming, and optimization. This expertise can help you create a more polished, user-friendly, and high-performing website that meets your business goals. Scalability Outsourcing web development can help you scale up or down your project as needed, without the risk of overstaffing or understaffing. You can adjust the team size and scope of work based on your budget and timeline, ensuring maximum flexibility and efficiency. Time-saving Outsourcing web development can save you time by allowing you to focus on your core business activities, such as sales, marketing, and customer service. You don’t have to worry about managing the development process, hiring, training, or supervision, as the outsourcing partner takes care of these tasks. Advantages of in-house web development for agencies Full control over the development process In-house web development gives you complete control over the development process, from planning and design to testing and deployment. You can ensure that your website reflects your brand identity and meets your specific requirements without relying on external parties. Better communication and collaboration With in-house web development, communication and collaboration are typically easier and more streamlined. You can directly interact with your development team, fostering a deeper understanding of your business goals and ensuring effective communication throughout the project. Greater flexibility and customization In-house development allows for greater flexibility and customization options. You have the freedom to make changes, implement new features, and respond quickly to market trends or customer demands. This agility can give your agency a competitive edge in the rapidly evolving digital landscape. Increased security and confidentiality Handling sensitive data and information internally can enhance security and confidentiality. In-house web development reduces the risk of exposing sensitive client information to external parties, providing greater control over data protection and compliance with privacy regulations. How to choose the right outsourcing partner for web development Define your requirements and goals Before selecting an outsourcing partner, clearly define your web development requirements and project goals. Consider factors such as the desired functionality, design elements, technology stack, timeline, and budget. Having a clear understanding of your needs will help you evaluate potential partners more effectively. Evaluate potential partners based on their portfolio and experience Review the portfolios and case studies of outsourcing companies to assess their expertise and experience. Look for projects similar to your requirements and evaluate the quality of their work, user experience, and technical capabilities. Consider their industry reputation, client testimonials, and online reviews as well. Check for cultural compatibility and communication skills Cultural compatibility and effective communication are essential for successful outsourcing partnerships. Ensure that the outsourcing partner understands your business values, target audience, and industry dynamics. Assess their communication skills, responsiveness, and ability to understand and address your specific requirements. Consider the pricing model and contract terms Evaluate the pricing models and contract terms offered by different outsourcing partners. Compare the cost structures, payment schedules, and contractual obligations to find the best fit for your agency. Ensure transparency regarding project milestones, deliverables, and potential additional costs. Establish clear project management and communication processes Effective project management and communication are vital for outsourcing success. Set clear expectations regarding project milestones, deadlines, and deliverables. Define the preferred communication channels, frequency of updates, and the point of contact for both parties. Establishing a robust project management framework ensures smooth collaboration and minimizes misunderstandings. The decision to outsource web development or keep it in-house depends on your agency’s specific needs, budget, and long-term goals. Outsourcing can offer cost-effectiveness, access to specialized expertise, scalability, and time-saving benefits. On the other hand, in-house development provides greater control, better communication, customization options, and enhanced security. Consider your agency’s unique circumstances and evaluate the advantages and disadvantages of each approach. By following the guidelines mentioned in this article, you can make an informed decision when choosing the right web development strategy for your agency’s success. Remember, whether you choose to outsource or keep web development in-house, maintaining a strong partnership with the development team and prioritizing effective communication are key to achieving your desired outcomes and creating exceptional digital experiences for your agency and clients.

Building a Custom Page Builder with Advanced Custom Fields Flexible Content Field

Programmer writing code in a cloud sitting at a desk

Advanced Custom Fields (ACF) is a powerful WordPress plugin that enables developers to create custom meta boxes and fields for their website. One of its standout features is the Flexible Content Field, which allows you to create versatile and dynamic layouts with ease. In this article, we will discuss how to build a custom page builder using ACF’s Flexible Content Field, leveraging the existing knowledge from the E2M Solutions article. Why Use ACF and the Flexible Content Field? ACF simplifies the process of adding custom fields to your WordPress website, allowing you to create fields for various content types like text, images, and video. The Flexible Content Field is a powerful layout builder that enables you to create a variety of content sections on your website without needing to code complex templates. This feature is especially beneficial for developers looking to create custom layouts with ease and simplicity. Getting Started: Installing ACF Before diving into building a custom page builder, you need to have Advanced Custom Fields installed and activated on your WordPress website. You can download the free version of ACF from the WordPress plugin repository or purchase the Pro version for additional features. Creating a Custom Page Builder with ACF To start building your custom page builder, create a new custom field group in ACF by navigating to Custom Fields > Add New in your WordPress dashboard. Give the field group a name, such as “Page Builder.” Within the custom field group, click on “Add Field” and select “Flexible Content” from the field type dropdown. Name the field “Page Builder Sections” or something similar. Now, you can begin adding layout sections to your Flexible Content Field. Click on the “Add Layout” button and give your layout a name, like “Text Section.” Then, add the necessary fields for your layout. For a text section, you may want to add a WYSIWYG editor, a text field for the section title, and an image field for an optional background image. Repeat this process for each layout you want to include in your custom page builder, such as image galleries, video sections, or call-to-action blocks. Under the “Location” settings in your custom field group, choose the post type where you want your page builder to be available. For example, you might want it to appear on Pages, Posts, or a custom post type. In your theme’s template files, add the necessary code to display the content created with your custom page builder. To do this, use the “have_rows” and “the_row” functions provided by ACF to loop through the layout sections and output their content. Here’s an example of how you might implement the custom page builder in a template file: By leveraging Advanced Custom Fields and the Flexible Content Field, you can create a custom page builder that is both easy to use and highly

3 Big Web Design Trends for 2022

search engine optimization marketing

2022 promises to be a stand-out year for web design. Current events will certainly come into play, and we all know that the pandemic has greatly affected the way users interact with websites. Mobile devices have also continued to become more powerful, and the privacy and safety of users’ information have come to the forefront of many people’s, and web designers’, minds. Check out these trends that are sure to affect website development in Minneapolis and beyond. Web Designer’s 3 Big Trends for 2022 Website Development in Minneapolis 1. Sharing Instead of Telling Inspiring people with the message of your company or product means drawing them in with interactive experiences and visuals that will surprise and engage them. This year, you’re sure to see more background videos and animations that will engage the user’s mind while adding gentle motion to your page. Making these videos and animations subtle is the key to their effectiveness, as you want your pages to have life and energy without overwhelming your visitor. These micro-interactions can be triggered by hovering the cursor over a particular location, or when the user scrolls to a particular part of the page. This will help to gain the attention of your visitor while serving to share your message in a simple, digestible way. 2. Simplicity If your business is looking to grow, it’s time to simplify your website. Using calming colors, vivid imagery, fewer words, and clear calls to action will help create lighter experiences that will encourage the user to delve deeper into your site. Rather than putting every bit of information upfront on one page, there will be simplified messaging that causes the user to want to know more. Complex conversations and busy imagery leave many visitors feeling overloaded with information. 3. Safety-Focused Everyone is re-learning how to engage with the world after the last couple of years and people are undeniably overwhelmed. Design trends are evolving and are really focusing on helping people feel safe while preparing to reengage. Coaxing people back into the world includes giving them space, helping to reduce anxiety, and making them feel comfortable and protected. Focusing on safety includes not just the intricate details of the information they share with you, but on their emotional safety as well. Using natural, organic shapes and imagery inspired by the outdoors and their home decor will subtly give them a feeling of home while also encouraging them to venture into new spaces. This really is about aesthetics and feelings, as people want to be away from home, but also to be reminded of its comforts. With increased technical capabilities, websites have developed a lot of complexity over the last few years. Designers and developers must respond to cultural experiences and concerns in order to keep up with the competition. Contact Eclipse Digital today for a strategic analysis of your project. Whether you are building a website from scratch or just want to keep your current one updated, we are your one-stop shop for design and development.

How to Choose the Right Digital Marketing Agency for Your Business

search engine optimization marketing

In modern times, making a splash in the digital world is more important than ever. In the coming years, you’re likely to draw in a huge amount of your business through digital channels. Clients are using social media, websites, and other digital avenues to get information on products and services. That’s why it’s so important to choose the perfect digital marketing agency to meet the needs of you and your company in the Minneapolis area and beyond. How to Choose the Right Digital Marketing Agency for Your Business Based in Minneapolis Look for Experience Digital marketing is important. In fact, a successful campaign could be the difference between success and failure for your business. So, it’s important to choose a marketing agency with plenty of experience, Our staff includes professionals with years of experience in the world of advertising, digitally and otherwise. We promise to make the best use of all the expertise we’ve gained over the years to ensure your campaign runs smoothly. Great Communicators As much as quality marketing nous is vital to an excellent marketing campaign, soft skills are important too! After all, you need to communicate well with the company you hire, ensuring you’re able to get across everything you’re looking for in the campaign as well as communicating during the process. We’re committed to offering an excellent customer experience for everyone we work with, and that’s a philosophy with its roots in great communication. Only by being open can we hope to address your needs and ensure your campaign runs smoothly. A Range of Services Marketing isn’t always straightforward. There’s a lot to consider when planning a campaign, and sometimes things can change quickly. That’s why it’s important to work with a company that offers a range of different services to ensure versatility and adaptability in the event you need to suddenly change course. We offer a variety of different services, including web design, competition monitoring, and digital marketing. We’re adept at turning our hands to new tasks and overcoming all the different challenges we might face, so when you work with us, you know you’ve got a dynamic and changeable company on your side. Strong Portfolio Promises of great work are great, but at the end of the day, your bottom line is at stake here. You don’t want to just hear good things, you want to see concrete evidence of great work the agency has conducted in the past, ideally with high-profile candidates. The best way to see the kind of work your marketing company is capable of is by browsing their portfolio. Some newer companies don’t have much work to share with potential customers, making it difficult to know whether they’ll be a good fit for their team. Here at Eclipse Digital, we’re proud of our extensive portfolio. We’ve worked with a wide range of different businesses in all kinds of fields and you can see for yourself the quality of work we can produce. Want to get more information on the way digital marketing can help you and your business? Contact Eclipse Digital today for all your digital marketing needs!