It is time for all the latest updates in FG Funnels from the week of June 19th through June 26th, 2024. If you have questions about any of these updates, or FG Funnels in general, please reach out to support@fgfunnels.com or live chat in the app and our team will be happy to help.
Calendars
Rich Text Editor for Calendar Description
With the rich text editor, you can now enhance your calendar descriptions with various formatting options. Here are the features you can use:
Text Formatting: Bold, Italics, Underline, Strikethrough
Lists: Bulleted and numbered lists
Hyperlinks: Add clickable links to redirect users to other pages from the booking widget
Text & Background Color: Customize text and background colors to match your theme
Paragraphs and Headings: Organize content with paragraphs and different headings
Text Alignment: Align text to the left, center, or right as per your preference
These enhancements enable you to highlight important information, improve readability, and make your calendar descriptions visually appealing and in line with your branding.
How to Use?
Head over to Calendar Settings and select the calendar you want to edit.
Navigate to the ‘Meeting Details‘ section.
Under the calendar description, you will find the rich text editor options.
Use the available formatting options to create your desired description.
Click “Save” to apply the changes.
Calendar Widget Reorder
Users can now reorder their booking widget steps, providing them with greater flexibility to configure their booking flow. This feature is designed for businesses that want to collect lead information regardless of whether an appointment is booked.
The Calendar Widget has three steps: the Date & Time Selector, the Form, and Payments (if enabled). Users can choose whether they want the Date & Time Selector or the Form to appear first, with the Payment step always coming last.
Note: This feature is available only for the NEO Widget.
How to Use?
To configure the Widget Order:
Navigate to Calendar Settings and select your calendar.
Proceed to Forms & Payments.
Drag and reorder the Date & Time Selector and Form components to arrange them in your preferred sequence.
Click Save to apply your changes.
Time Zone Abbreviations for Appointments
We have introduced time zone abbreviations for appointment start and end times. There are two time zone settings: the user’s time zone and the business’s time zone. This enhancement eliminates ambiguity about which time zone an appointment time refers to. For example, if a business operates in CST but a user is in PST, you’ll now see clear indications like ’10:00 am to 10:30 am CST’ or ’08:00 am to 08:30 am PST’ next to the appointment time. How to Use?
You can see the time zone abbreviations in the following sections:
Calendar View
Appointment Modal + Activity Log
Appointment List View
Contacts – Activity Card & Appointment Tab
Opportunities
E-Commerce
Recurring Products
Store owners can now sell their subscription based services or recurring products in their Ecommerce stores.
How to use:
Navigate to Payments -> Products
Edit/add a new product with a recurring price, and most importantly, enable the “Include in online store” toggle.
In the page builder, customize the pill colors and pill text colors
Click Save and Publish
Builder Preview:
User Preview:
Shipping & Delivery Rates Based On Product Weights
Store owners can now easily implement differential shipping and delivery charges for various weight ranges under Payment > Settings > Shipping & Delivery > Add Zones > Add Rate.
In addition to conditional pricing based on order amount, users can set up conditional pricing based on the product weight for the specific zones.
Notes:
Create differential pricing for multiple product weights in a zone
While defining rates, delivery rates can be defined for specific zones according to the Product weight in the cart. For eg- Free Shipping, if the order weight is in 0-10 kg range or else, charge $10 if it’s below 10kg.
Product Weights, Dimension & SKU fields for Products
Store owners can add more information for their products: Weight, Dimensions, and SKU (Stock Keeping Unit). We have added a new page for variants/ prices, where users can define product weights, dimensions & SKU details, including the ability of tracking inventory for the specific variants.
How to use:
To add these details, store owners can access it from: Payments > Products > Create Product > Add Pricing/ Variants > Pricing/ Variant page.
Initially, users must create a price or variant to access the respective page via the hyperlink in Product name.
A “New” tag will appear for newly added unsaved prices, and the price/ variant page will be available only after saving the changes.
In addition to tracking inventory, users can add product weights, dimensions, and SKUs within the variants or pricing page.
Funnels & Websites
New Box & Text Shadow Settings
Apply box shadows to all elements such as text, headings, paragraphs, images and buttons. Text shadows can be added to text-based elements for more depth and dimension.
Key Highlights
Two Sections: Choose between box shadow and text shadow with easy-to-use dropdowns.
Easy Default Settings: Click the plus button to apply a default outer shadow with preset values. Customize further with specific settings.
Multiple Shadows: Add multiple shadows to any element by clicking the plus button for more complex designs.
Detailed Customization: Edit each shadow by selecting whether it’s outer or inner, and adjust X value, Y value, Blur, Spread, and Color.
Enhanced Customization Parameters
Outer vs Inner Shadow: Outer shadows create a sense of elevation and depth, making elements appear raised above the background. Inner shadows add a recessed effect, giving the illusion of depth within the element.
X Value: Controls horizontal shadow offset.
Y Value: Controls vertical shadow offset.
Blur: Determines the sharpness or softness of the shadow.
Spread: Expands or contracts the shadow size.
Color: Chooses the shadow color to match your design palette.
How to Use?
Access the Advanced Tab: Open funnel or website builder editor and navigate to the advanced tab.
Open the Shadow dropdown: Click on the shadow heading at the top to reveal the shadow editor dropdowns.
Select Shadow Type: Choose between box shadow or text shadow by clicking the plus button next to each title. (Text shadow only applicable on text based elements)
Apply Default Shadows: A default outer shadow will be applied with preset values. Adjust as needed.
Add Multiple Shadows: Click the plus button to add more shadows for a single element.
Edit Shadows: Click on the title of each shadow to customize settings like outer/inner, X value, Y value, Blur, Spread, and Color.
Combine Shadows: Experiment with different combinations for unique visual effects.
Conversations
SMS Segment Count and Cost Estimation
Users can now view the approximate characters, number of segments, and approximate cost for US to US SMS. This information was already available in the SMS snippets screen; it is now added to the conversations SMS composer for consistency.
Automations
Math Operation Supports Custom Value Picker
What’s New?
Select Field – Numeric Fields from triggers will be available now to select from.
Value Field – All Numeric fields will be available in the custom value picker to select from.
How to use?
Same action, just more options in the Custom Value Picker to select from.
Wrap Text Tool For Send Email Action
We have added a new text-wrap tool in the Send Email action of the workflow builder. Look for a text-wrap icon in Send Email action and click on it after adding the content.
Custom Code – Console
This feature captures and logs all console.log outputs from user code, allowing user to debug and monitor the code more effectively.
Key benefits:
Real-time Console Logs: View console outputs generated by user code directly within the UI.
Error Tracking: Improved error visibility with detailed log messages for easier troubleshooting.
Forms
Single Line Forms and Field Width
We’ve introduced single forms and new layout options in our form builder to give you greater flexibility and control over your form designs.
Single Column Layout: This is the classic layout, where all fields are arranged vertically, one below the other.
Two Column Layout: Previously known as inline forms, this layout allows you to place fields side-by-side in two columns, providing a balanced and compact form structure.
Single Line Layout: Add up to 5 fields in a single horizontal line for a streamlined, minimalist form design.
Field Width: The new Field Width in Percentage feature allows you to set the width of form fields as a percentage of the available form width.
How to Use:
Open the form builder under Sites>Forms
Choose your preferred layout: Single Column, Two Column, or Single Line.
Customize your form with the new Field Width setting to control the size of each field.
Invoicing
Quickbooks For Non-US Companies
With this release, we are reenabling the ability to sync invoices for non-US countries by syncing taxes between QBO and FGF. Previously, we were not syncing taxes between Quickbooks and Invoices (We would directly save the net amount inclusive of taxes and discount). While this worked well for US countries, Quickbooks required non-US countries to have relevant taxes attached to each item for invoice. This would break the invoice sync functionality between for non-US countries.
Further, we have added a field called “Tax Agency” in tax. This gets synced to QBO so all the taxes collected by a single tax agency (Eg IRS) can be consolidated and viewed inside QBO.
How to Use?
Go to Payments > Settings > Taxes.
Create required taxes applicable on the products you sell (Make sure you add Tax Agency to take full benefits of feature)
Create Invoice and attack applicable taxes to each item