WebAcappella
Menu
Language

WebAcappella Fusion

Documentation

Installation

Getting started

  • Main interfacesHome page with the list of projects in the current working folder
  • Box/row/column layoutIn WebAcappella, elements are organized according to a specific structure:
  • Column resizingIn WebAcappella, columns allow you to organize content flexibly. Once placed in a row, they can be resized using side sliders, aligning with a 12-step grid to…
  • Normal mode/column modeIn WebAcappella, elements can be edited in two different modes, accessible via a switch located above the workspace:
  • Element tree structure (right panel)In WebAcappella, the right panel is always visible and plays an essential role in managing page elements. It provides a complete hierarchical view of the page…
  • Responsive layoutWebAcappella allows you to create responsive websites that automatically adjust to different screen sizes: computer, tablet, and mobile.
  • Keyboard shortcutsWebAcappella offers several keyboard shortcuts to speed up the creation and management of elements on a page. These shortcuts allow you to navigate between…
  • Copy and paste elementsWebAcappella uses a clipboard system for copy-paste management, allowing you to quickly duplicate elements while maintaining precise placement.

Text editing

  • Advanced rich text with blocksThe Block Text component in WebAcappella offers advanced flexibility for organizing and structuring textual content on your website. Each block can be a…
  • Simple text areaWebAcappella FUSION allows you to edit your text in an optimal way to correctly separate content and form.
  • Line breaks and paragraphsWhen editing text in WebAcappella, line breaks and paragraphs are managed according to a specific logic. This document explains how to insert line breaks…

Publishing your site

  • Choose your publishing methodWebAcappella Fusion offers three methods for deploying your site to the Internet: SFTP/FTP, SSH synchronization (rsync), and publishing to a local folder. For…
  • SFTP and FTPThe File Transfer Protocol (FTP) and its secure alternative (SFTP) allow you to send your website files to a remote server. SFTP is recommended because it…
  • Tutorial for checking FTP - SFTP publishingWebAcappella uses a standard system for communicating with your hosting server (FTP - SFTP). Publication problems may be due to:
  • From a folder on your computerTo publish your website using your own publishing tool (FileZilla, for example), first configure WebAcappella to publish directly to a specific folder on your…
  • SSH synchronizationOn the home page, click the "New connection" button.

Choosing a web host

  • Hosting and domain nameA web host (or Internet host) is an entity whose purpose is to make websites designed and managed by third parties available to Internet users (Wikipedia).
  • Choosing a providerThe choice of provider depends, of course, on its use, any applications installed (CMS, forum, etc.), and traffic. However, reliability and ease of…

Components

  • Image carouselThe carousel displays your images one at a time, in a fixed-format frame, with automatic scrolling. Each slide can have a title, text and a link, for a smooth…
  • Scrolling galleryThe scrolling gallery presents your photos in a horizontal strip, all at the same height. Each photo keeps its proportions, with no cropping or empty bars:…
  • Page WidgetsThe page widget is a key element in WebAcappella. It improves your productivity by avoiding the repetition of groups of elements on multiple pages, such as a…
  • BreadcrumbThe Breadcrumb component in WebAcappella improves the user experience by providing a clear navigation path on your site. It helps visitors understand their…
  • Jump anchorsJump anchors facilitate navigation within a page by allowing direct and quick access to specific sections.
  • Search fieldThe Search component allows you to add a search field to your WebAcappella site, giving visitors the ability to search your site's content by keyword.
  • Audio playerThe Audio Player component allows you to embed an audio file on your WebAcappella website, enabling visitors to listen to audio directly from their browser.

Forms and email sending

  • Contact formsForms are made up of fields (text, list, etc.) and a button that sends this information to the server.
  • Email sending problemsMore and more hosting providers are imposing strict restrictions, particularly through anti-spam policies and supported or unsupported email addresses (in…

Advanced concepts

  • Search engine optimization (SEO)To optimize the search engine optimization of your website created with WebAcappella on Google, follow the recommendations below:
  • The llms.txt fileThe llms.txt file is a summary of your website intended for artificial intelligence assistants. It is published in the root directory of your website and…
  • Visit Statistics (Google Analytics)Track your website’s audience: number of visitors, most-viewed pages, traffic sources, and more. WebAcappella FUSION natively integrates Google Analytics 4…
  • Cookie banner / GDPR regulationsWhen creating a website with WebAcappella, the issue of cookies and GDPR consent arises. This section details the legal obligations and integrated solutions…
  • FontsTo avoid overloading your website, WebAcappella allows you to define 6 different fonts.
  • Dynamic color managementThe dynamic color management feature in WebAcappella speeds up the design of your website by using dynamic color pickers. This feature offers a quick and…
  • Page access restrictionsWebAcappella allows you to manage password access restrictions on pages.
  • Integration / HTML / JS / CSSWebAcappella Fusion allows the inclusion of code/scripts at several levels.

Animations and transitions

  • Classic animations (AOS)WebAcappella has long offered appearance animations via WOW.js. Now, you can choose to use the AOS (Animate On Scroll) library directly in the Project…
  • Transition and morphing effectsIn WebAcappella, you can create transitions to animate the transition between two pages. Each transition is given a name of your choice: this is simply a…
  • Transitions between pagesWebAcappella allows you to add transition effects when moving from one page to another. These animations make navigation smoother and reinforce your site's…

Advanced tutorials

  • Overlaying elements (negative margin)WebAcappella FUSION allows you to make elements overflow vertically in relation to others using certain CSS properties. This effect will only be visible in…
  • Embedding an OpenStreetMap mapIn order to avoid excessive dependence on companies such as Google, we recommend using open alternatives whenever possible.
  • Creating a floating menuTo make navigation easier for your visitors, you can make sure that the main menu is always visible.

Online store

  • Quick startAdding your store is easy with WebAcappella.
  • Order management and customer accountsYour entire store (settings, products, etc.) is stored in your WebAcappella FUSION project. However, each new order placed by a customer on your store will…
  • Product categoriesStore categories allow you to group your products by theme.
  • Product featuresProduct features allow you to add additional information to a product sheet without creating variations. They are particularly useful when the number of…
  • Product variationsA product variation is a variation of the same item based on certain attributes such as size, color, or any other characteristic that influences its…
  • Stock managementEach product in your store has a “Stock status” setting in the “General” tab of its product sheet. It determines whether the product can be ordered, in what…
  • Digital productsDigital products are non-physical goods such as software, e-books, music, or videos that can be downloaded or accessed online by your customers. Here's how to…
  • Promotion Rules and Promo CodesPromotion rules allow you to set specific conditions for offering discounts or other benefits to your customers. Here's how to configure them:
  • Conversion Tracking and Google Customer ReviewsThe store settings allow you to insert a tracking script on the order confirmation page: Google Customer Reviews, a Google Ads conversion, a Meta pixel, or…
  • Store Display IssuesThe store module uses URL rewriting to function properly.
  • Testing Credit Cards with Stripe in Sandbox ModeStripe's Sandbox mode allows you to test credit card transactions without making actual charges. This is crucial to ensure that payment integrations are…

Multilingual Websites

  • Creating a Multilingual WebsiteIn the general site properties section, the languages section allows you to manage your site's variations by language.
  • Instant Translation of Your WebsiteWebAcappella is compatible with the Deepl translation service, currently recognized as the most effective (compared to Google and Microsoft). This service is…

Support and Advice

Technical support

  • Debugging functionThe debug function is available in the general site properties, which can be accessed via the "General Properties" button
  • Export/save your FTP settingsIt may be necessary to save your FTP login details (for yourself or for a webmaster, for example).
  • Sending a large fileYou may need to send an archive of your site (to yourself or to a webmaster, for example). As this can be large, here is how to do it using a third-party…