templates/features/customer-portal.twig line 1

Open in your IDE?
  1. {% set title='Customer Portal for A/R and Payments' %}
  2. {% set metaDescription='Make it easy for customers to quickly pay bills, check balances, manage subscriptions, and update information with our Customer Portal.' %}
  3. {% set ogImage=asset('/img/landing2/product/customer-portal.jpg') %}
  4. {% set productPage=true %}
  5. {% set canonicalUrl=url('product_customer_portal') %}
  6. {% extends "parent.twig" %}
  8. {% block content %}
  10.     <!-- Introduction -->
  11.     <section class="feature-hero">
  12.         <div class="container">
  13.             <h1 class="title">Customer Portal</h1>
  14.             <h2 class="subtitle">Provide a consistent online experience through a customer payment portal.</h2>
  15.             <div class="content">
  16.                 <p> Customers today expect a 360-degree digital experience, and most businesses comply &mdash; except when it comes to invoicing.  Inbound phone inquiries and manual invoice chasing are still the norm for many companies. This requires significant resources from businesses and can be confusing for customers who have to keep records of invoice balances, due dates, and payment processes for various bills.</p>
  17.                 <p>The Invoiced customer portal offers an online gateway to quickly pay bills, monitor balances, manage subscriptions, and update personal information.  All these functions come wrapped in an intuitive, easy-to-use interface. Stop fielding billing inquiries, our customer portal software provides visibility and convenience that will help them manage bills and pay on time. Your customers will love using our online payment portal, and it will help you get paid faster while saving resources.</p>
  18.             </div>
  19.             <div class="product-image">
  20.                 <img src="{{ asset('/img/landing2/product/customer-portal.jpg') }}" alt="Invoice Online" />
  21.             </div>
  22.         </div>
  23.     </section>
  25.     <!-- Features / Benefits -->
  26.     <section class="product-features">
  27.         <div class="container">
  28.             <div class="row">
  29.                 <div class="col-sm-12 full-width">
  30.                     <h2>Features and benefits of Customer Portal</h2>
  31.                     <p>Provide a seamless experience for customers to manage billing, and get paid faster as a result. Our online payment portal streamlines invoicing for customers and businesses. Customers can quickly view current and past bills, make payments, and even manage subscriptions or update information. By making this quick and convenient for your customers, you'll get paid faster than ever before.</p>
  32.                     <p>You can customize your customer portal in a variety of ways including the use of brand logos, unique colors, a custom domain, and more! Our customer portal is 100% cloud-based, and is PCI compliant so you can rest assured customer information is protected.</p>
  33.                 </div>
  34.             </div>
  35.             <div class="row">
  36.                 <div class="col-sm-6">
  37.                     <h3>Self-Serve Billing</h3>
  38.                     <p>Invoiced's customer portal allows customers to log in, enable autopay for payment plans, view current and past invoices, make payments, manage subscriptions, download receipts, and update payment information - all in an intuitive, easy-to-use interface.</p>
  39.                 </div>
  40.                 <div class="col-sm-6">
  41.                     <h3>White Labeled Solution</h3>
  42.                     <p>Extend your brand through Invoiced's customer portal. Upload your logo and brand colors, use email whitelabeling, and add a custom domain. Your customers can trust your brand message at every interaction &mdash; including invoicing.</p>
  43.                 </div>
  44.             </div>
  45.             <div class="row">
  46.                 <div class="col-sm-6">
  47.                     <h3>100% Cloud-Based</h3>
  48.                     <p>Our accounts receivable software including the customer portal is 100% cloud-based, so you don't need to worry about any costs for managing servers</p>
  49.                 </div>
  50.                 <div class="col-sm-6">
  51.                     <h3>PCI Level 1 Service Provider</h3>
  52.                     <p>Invoiced is PCI compliant to keep payment data in the Invoiced customer portal protected from fraudsters. We maintain compliance with the PCI-DSS requirements to ensure consumer information stays private and protected.</p>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </section>
  58.     <section class="product-features">
  59.         <div class="container">
  60.             <div class="content">
  61.                 <h3>Because our accounts receivable software is 100% cloud-based, the included, convenient online portal lets your customers make payments easily, getting you from accounts receivable to received with the least time and effort.</h3>
  62.             </div>
  63.         </div>
  64.     </section>
  66.     <!-- Product Benefits -->
  67.     <section class="product-portal-benefits">
  68.         <div class="container">
  69.             <h4>With Invoiced Customer Portal</h4>
  70.             <h2>Cut down on trivial billing inquiries and securely accept payments online.</h2>
  71.             <div class="row">
  72.                 <div class="col-sm-4">
  73.                     <div class="metric">45%</div>
  74.                     <div class="description">Reduce billing inquiries</div>
  75.                 </div>
  76.                 <div class="col-sm-4">
  77.                     <div class="metric">14 days</div>
  78.                     <div class="description">Faster payments</div>
  79.                 </div>
  80.                 <div class="col-sm-4">
  81.                     <div class="metric">30%</div>
  82.                     <div class="description">Increase portal adoption</div>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.     </section>
  88.     <!-- Case Studies -->
  89.     <section class="product-case-studies no-border">
  90.         <div class="container">
  91.             <h4>Success Stories with Customer Portal</h4>
  92.             <h2>See how Invoiced Customer Portal can provide a simple and transparent payment experience for customers.</h2>
  93.             <div class="case-studies size-2 clearfix">
  94.                 <a href="{{ path('case_study', {id: 'dexter-solutions'}) }}" class="case-study">
  95.                     <div class="title">
  96.                         Dexter Solutions creates an
  97.                         <div class="medium">all-in-one</div>
  98.                         customer billing portal.
  99.                     </div>
  100.                     <div class="read-more">Read More</div>
  101.                 </a>
  102.                 <a href="{{ path('case_study', {id: 'jumpcrew'}) }}" class="case-study">
  103.                     <div class="title">
  104.                         JumpCrew adds transparency and
  105.                         <div class="medium">convenience</div>
  106.                         for customer billing.
  107.                     </div>
  108.                     <div class="read-more">Read More</div>
  109.                 </a>
  110.             </div>
  111.         </div>
  112.     </section>
  114.     <div class="container">
  115.         <div class="row badges new-badges">
  116.             {% for i in range(0, 9) %}
  117.                 <div class="single-icon">
  118.                     <img src="{{ asset(badges[i].img) }}" alt="{{ badges[i].name }} Badge" title="{{ badges[i].name }}" />
  119.                 </div>
  120.             {% endfor %}
  121.         </div>
  122.         <div class="row">
  123.             <div class="col-xs-12 compliant">
  124.                 <img src="{{ asset('/img/landing2/PCIbadge.png') }}" alt="PCI-DSS Compliant Badge" />
  125.             </div>
  126.         </div>
  127.     </div>
  129.     <!-- Testimonials -->
  130.     <section class="product-testimonials no-border">
  131.         <div class="container">
  132.             <h4>Don't Take Our Word For It</h4>
  133.             <h2>Here are some real-life examples from successful Invoiced clients:</h2>
  134.             <div class="row">
  135.                 <div class="col-sm-6">
  136.                     <div class="quote">
  137.                         <div class="quote-icon"></div>
  138.                         <div class="content">
  139.                             We couldn't do upfront payments before. People would have to put a check in the mail and it would arrive several weeks later. Now we <span class="highlight">get paid the same day</span> or the day after."
  140.                         </div>
  141.                         <div class="from">
  142.                             – Collin Belt
  143.                         </div>
  144.                     </div>
  145.                     <div class="quote">
  146.                         <div class="quote-icon"></div>
  147.                         <div class="content">
  148.                             Using the Invoiced integration, our wholesale customers can pay directly from the Invoiced link, which has greatly accelerated payments. We <span class="highlight">get paid 70-80%</span> faster than we used to."
  149.                         </div>
  150.                         <div class="from">
  151.                             – Eliav Meltzer
  152.                         </div>
  153.                     </div>
  154.                 </div>
  155.                 <div class="col-sm-6">
  156.                     <div class="quote">
  157.                         <div class="quote-icon"></div>
  158.                         <div class="content">
  159.                             After trialing a number of invoicing portals that integrated with Xero, this is <span class="highlight">hands down the best</span>."
  160.                         </div>
  161.                         <div class="from">
  162.                             – Steven Heller
  163.                         </div>
  164.                     </div>
  165.                     <div class="quote">
  166.                         <div class="quote-icon"></div>
  167.                         <div class="content">
  168.                             I love the ease of use, beautiful interface, payment portal and subscription billing options.
  170.                             The Invoiced system allows me to generate attractive emails and invoices that dovetail visually with my brand. The system is simple for both customers and for me as a freelancer. Navigation within the administrative panel is <span class="highlight">absolutely intuitive and clear</span>."
  171.                         </div>
  172.                         <div class="from">
  173.                             – Zeraph M
  174.                         </div>
  175.                     </div>
  176.                 </div>
  177.             </div>
  178.         </div>
  179.     </section>
  181.     <section class="customer-testimonials">
  182.         <div class="container">
  183.             <h2>Join thousands of large and small businesses using Invoiced</h2>
  184.             <div class="customer-logos clearfix">
  185.                 {% for i in range(0, 11) %}
  186.                     <div class="customer-logo">
  187.                         <img src="{{ asset(logos[i].img) }}" alt="{{ logos[i].name }} Logo" title="{{ logos[i].name }}" />
  188.                     </div>
  189.                 {% endfor %}
  190.             </div>
  191.         </div>
  192.     </section>
  194.     <section class="latest-articles">
  195.         <div class="container">
  196.             <h2>Related Resources</h2>
  197.             <div class="articles clearfix">
  198.                 <a href="https://www.invoiced.com/resources/blog/how-to-give-your-customers-a-digital-billing-experience" class="article">
  199.                     <div class="header-image">
  200.                         <img src="{{ asset('/img/blog/digital-billing-experience.webp') }}" alt="Digital billing experience" />
  201.                     </div>
  202.                     <h3>How to give your customers a digital billing experience</h3>
  203.                     <div class="description">How many bills do you pay in the mail these days? If you're like most consumers, the answer is "not many". According to ACI </div>
  204.                     <div class="read-more">Read more &rarr;</div>
  205.                 </a>
  206.             </div>
  207.         </div>
  208.     </section>
  210.     <!-- Next Page -->
  211.     <section class="continue-tour">
  212.         <a href="{{ path('product_invoice_to_cash') }}">
  213.             <div class="container">
  214.                 <div class="headline">Continue the Tour</div>
  215.                 <div class="link">
  216.                     Invoice-to-Cash
  217.                     &rarr;
  218.                 </div>
  219.             </div>
  220.         </a>
  221.     </section>
  223.     <!-- Call to Action -->
  224.     <section class="call-to-action-dark">
  225.         <div class="container">
  226.             <h2>Get paid faster</h2>
  227.             <p>Want to learn how our customer portal can improve your business processes and customer experience?</p>
  228.             <div class="buttons">
  229.                 <a href="{{ path('schedule_demo') }}" class="btn btn-lg btn-coral request-demo" data-label="Feature (Customer Portal)">
  230.                     Schedule a Demo
  231.                 </a>
  232.             </div>
  233.         </div>
  234.     </section>
  236.     <script type="application/ld+json">
  237.     {
  238.     "@context": "https://schema.org/", 
  239.     "@type": "BreadcrumbList", 
  240.     "itemListElement": [{
  241.         "@type": "ListItem", 
  242.         "position": 1, 
  243.         "name": "Home",
  244.         "item": "https://www.invoiced.com/"  
  245.     },{
  246.         "@type": "ListItem", 
  247.         "position": 2, 
  248.         "name": "A/R Products",
  249.         "item": "https://www.invoiced.com/product"  
  250.     },{
  251.         "@type": "ListItem", 
  252.         "position": 3, 
  253.         "name": "Payments",
  254.         "item": "https://www.invoiced.com/payment-acceptance"  
  255.     },{
  256.         "@type": "ListItem", 
  257.         "position": 4, 
  258.         "name": "Customer Portal",
  259.         "item": "https://www.invoiced.com/product/customer-portal"  
  260.     }]
  261.     }
  262.     </script>
  265. {% endblock %}