Generated by All in One SEO v4.8.9, this is an llms.txt file, used by LLMs to index the site. # DearFlip – Convert PDF to Interactive 3D Flipbooks DearFlip – Modern JS Plugin for Realistic Flipbook Effects ## Sitemaps - [XML Sitemap](https://js.dearflip.com/sitemap.xml): Contains all public & indexable URLs for this website. ## Posts - [Blog](https://js.dearflip.com/blog/) - [5 Best jQuery Flipbook plugins with Pros and Cons](https://js.dearflip.com/best-jquery-flipbook-plugins-for-your-website/) - So, you’re looking to add flipbooks to your website using a jQuery-based solution, right? You probably already understand the value of interactive flipbooks — they make your digital content more engaging and visually appealing. In this guide, we’ll help you explore the best jQuery flipbook alternatives and options you might have overlooked. By the end, - [Flipbook Lightbox, Popups and customization with dFlip](https://js.dearflip.com/flipbook-lightbox-popups-and-customization-with-dflip/) - [lwptoc] dFlip utilizes WebGL and PDF.js as its 3D and PDF rendering frameworks. Both of these technologies have complex architectures that require careful memory management to prevent memory leaks and potential page crashes. To handle this efficiently, dFlip includes its own built-in lightbox feature, which can be triggered using thumbnails, buttons, or custom elements. This - [PDF Flipbook, links, customization and tips with dFlip](https://js.dearflip.com/pdf-flipbook-links-customization-and-tips-with-dflip/) - PDF links and annotations are key features that make PDFs interactive. By adding clickable links, you can guide readers to additional information or resources that cannot be included directly within the PDF, enhancing the overall user experience. dFlip support such links and make PDF Flipbooks interactive and informative. Customizations Change or hide the color of - [DearFlip: A PDF-Supporting JavaScript Flipbook Alternative to Turn.js](https://js.dearflip.com/an-alternative-to-turn-js-that-supports-pdf-dearflip/) - Turn.js has been a widely accessible JavaScript flipbook solution, highly valued by developers for its simplicity and effectiveness. Despite being released under a non-commercial BSD license, Turn.js has garnered a significant user base, largely due to its open-source nature and public availability on GitHub. This visibility has made it a go-to resource for developers looking - [How Does Flipbook Size Work and How Can I Make It Larger?](https://js.dearflip.com/how-flipbook-size-works-how-to-make-it-bigger/) - A common question we receive is: “Why does my flipbook appear so small?” This issue often occurs when users embed their flipbook on a website. It’s one of the most frequent support questions we’ve handled. How Flipbook Size Works The displayed size of a flipbook depends on several factors: 1.Container Dimensions: The width and height - [PDF Hyper Links are not working? What is the issue?](https://js.dearflip.com/pdf-links-are-not-working-what-is-the-issue/) - PDFs are content document, so they display content the way they are defined. Like in HTML, a link-a-like text, js.dearflip.com is a not a link but a link dearflip.com is a link. The difference is : one is just a text, and other is defined as hyperlink. Our PDF Flipbook plugin also treats text as - [PDF Partial Loading - What, How and Why?](https://js.dearflip.com/pdf-partial-loading-what-how-and-why/) - PDF files can be of different sizes. We have seen files as small as 1-2MB and up to 100s of MB. Serving big files is a challenge that needs to be handled in a managed way, luckily PDFs can have Linearized structure which enables Partial loading feature. PDF Partial Loading is a feature that allows - [Best Flipbook Javascript Plugins with Pros and Cons](https://js.dearflip.com/best-flipbook-javascript-plugins-with-pros-and-cons/) - Want to make your website more interactive with eye-catching flipbooks? The top JavaScript flipbook plugins can turn ordinary PDFs into immersive, interactive content. Below is a list of leading JavaScript flipbook plugins, including their key features, advantages, drawbacks, and demo links. 1. DearFlip Flipbook Features: Effortless Integration: Quickly embed flipbooks on your website using simple - [Calendar Mode(Beta)](https://js.dearflip.com/calendar-modebeta/) - [Auto open a PDF in your site with just a URL](https://js.dearflip.com/2205-2/) - Try opening this link - [Page Modes and customizations](https://js.dearflip.com/page-modes-and-customizations/) - dFlip supports double and single page mode for reading. And in Single page mode, there are booklets and focus single page mode. [lwptoc] Page Modes: In Auto mode, flipbook will use DoublePage mode for desktop and single page mode for mobile. Click on the example below to see the auto mode flipbook. In DoublePage mode, - [How to create responsive covers for flipbooks](https://js.dearflip.com/how-to-create-responsive-covers-for-flipbooks/) - [lwptoc float="none"] Settings(Pro Version): From version 2.1 covers are automatically responsive. The settings are available under dFlipBooks -> Settings as Book Thumb Type. Available options are Image and Div and respective HTML elements will be used to display the thumb image. We recommend using Image option for advanced users. Note: The value can be overridden - [Customizing Buttons](https://js.dearflip.com/customizing-buttons/) - Normal Button Normally by default the buttons looks like primary WordPress buttons. ._df_button { //your style goes here } Changing Color ._df_button { background: grey !important; border: none !important; color: white !important; } ._df_button:hover { background: #444 !important; } Custom Class Extra classes can be used to change style for certain buttons only. .red_button { - [CORS issues with PDF. How it can be fixed?](https://js.dearflip.com/cors-issues-with-pdf/) - Modern internet browsers take security seriously! After many attacks and malpractice on the internet, many new security rules have been introduced. Among such rules is CORS (Cross-origin resource sharing), which applies for cross-domain resource access; mainly using AJAX requests. WHY CORS occurs in DEARFLIP? DearFlip uses PDF.js that relies on Ajax requests to fetch PDF - [Document Layouts for dFlip Flipbook plugin](https://js.dearflip.com/document-layouts-for-dflip-flipbook-plugin/) - Documents are created in various formats and layout to support publishing requirements. dFlip supports two popular layout formats in which pages can be arranged and used. [lwptoc] Single Page Layout Double Page Layout (booklet form) Single Page Format: Single Page is a very common format where every page in the document is the same size. ## Pages - [DearFlip – Convert PDF to Interactive 3D Flipbooks](https://js.dearflip.com/) - Convert PDFs into interactive 3D flipbooks using DearFlip JS. A fast WebGL flipbook viewer that embeds easily into HTML, React, Vue, and any website. - [DearFlip JavaScript Flipbook Support](https://js.dearflip.com/support/) - Welcome to DearFlip Support Before reaching out to our support team, we recommend reviewing our detailed documentation. It covers common questions, setup guides, and troubleshooting tips to help you get the most out of your product quickly and efficiently. DearFlip Lite Version If you are using the DearFlip Lite JavaScript Flipbook Plugin, please reach out - [DearFlip JS Pricing](https://js.dearflip.com/pricing/) - Get DearFlip for your Site! All plans will provide you access to our plugin, updates and 5 star rated support. Single Site$49/yr Updates & Support for 1 Year 1 Site 30 Day Money Back Guarantee Automatic updates Cancel anytime Lifetime plan at $149 GET SINGLE SITE 3 Sites$79/yr Updates & Support for 1 Year 3 - [Online JavaScript Flipbook Viewer](https://js.dearflip.com/pdf-viewer/) - Interactive PDF Viewer – Transform Your PDFs into Engaging Flipbooks Click the button below to transform your PDF into a dynamic, interactive flipbook in seconds. This demo uses the powerful DearFlip Plugin to bring your documents to life, offering a seamless and engaging viewing experience. Simply select your PDF, and it’s instantly converted into a - [JavaScript Flipbook Popup Examples](https://js.dearflip.com/flipbook-examples/) - Lightbox (Popup) Flipbook Examples DearFlip (dFlip) is a powerful JavaScript flipbook solution that allows you to showcase multiple flipbooks seamlessly using interactive lightboxes or popup windows. These responsive and elegant lightboxes provide a user-friendly, polished way to display flipbooks on a single page while maintaining high-speed performance and smooth, uninterrupted navigation across all devices. With - [PDF Embed Flipbook Example](https://js.dearflip.com/pdf-embed-flipbook-example/) - JavaScript Flipbook Embed Showcase a single book or publication on your WordPress site with DearFlip’s embedded JavaScript flipbook. This solution provides a smooth, responsive, and interactive reading experience, perfect for highlighting featured books or magazines. Enhance user engagement and create an immersive digital reading interface that keeps visitors on your site longer. Ideal for bloggers, - [Documentation](https://js.dearflip.com/docs/) - DearFlip JavaScript Documentation We recommend going through the documentation before contacting support. - [Privacy Policy](https://js.dearflip.com/privacy-policy/) - Privacy Policy This page discloses the information gathering and dissemination practices for the dearflip.com website. Information Automatically Logged This website uses various web analytics tools (such as Google Analytics), other measurement tools, as well as support tools (such as HelpScout) to help analyze how users use the site and to provide support services. These tools use ‘cookies’, - [Terms and Conditions](https://js.dearflip.com/terms-and-conditions/) - Terms and Conditions This legal Agreement ("Agreement") between you ("Customer," "Buyer," or "you") and DearHive Technologies PVT. LTD.("DearFlip," "us," or "we") governs your use of all services ("Services") and products ("Products") offered on our website. By accepting these Terms & Conditions ("Terms"), making a purchase, or using our Services, you confirm that you are of - [License Terms](https://js.dearflip.com/terms-and-conditions/license-terms/) - License Terms This section outlines the terms and conditions under which you are granted a license to use the DearFlip Plugin and other associated products (“Products”). By purchasing and/or using any of our Products, you agree to abide by these License Terms. 1. Introduction This License Agreement (“Agreement”) is between you and DearHive Technologies PVT. - [Thank You](https://js.dearflip.com/thank-you/) - Thank You for your Purchase! Please check your mail to get your purchase confirmation message. If you are using Outlook for mail, Please check is SPAM(JUNK) folder too and mark it as not SPAM for future mails.If you don't get any mail, please mail us at: support@dearhive.com - [About](https://js.dearflip.com/about/) ## dFlip Book - [Calendar Mode](https://js.dearflip.com/books/calendar-mode/) - [Rotated Book](https://js.dearflip.com/books/rotated-book/) - [Spiral Book](https://js.dearflip.com/books/spiral-book/) - [](https://js.dearflip.com/books/4023/) - [blur-text-2](https://js.dearflip.com/books/blur-text-2/) - [Blur-text-private](https://js.dearflip.com/books/blur-text-private/) - [zero-file-issue](https://js.dearflip.com/books/zero-file-issue/) - [PDF file amazon](https://js.dearflip.com/books/pdf-file-amazon/) - [CSS Book](https://js.dearflip.com/books/css-book/) - [Image Flipbook](https://js.dearflip.com/books/image-flipbook/) - [Hybrid 3D Flipbook](https://js.dearflip.com/books/hybrid-3d-flipbook/) - [Brand Manual Template](https://js.dearflip.com/books/brand-manual-template/) - [Toa Heftiba Travel Photography Portfolio](https://js.dearflip.com/books/toa-heftiba-travel-photography-portfolio/) - [](https://js.dearflip.com/books/3704/) - [AWS partial loading](https://js.dearflip.com/books/aws-partial-loading/) - [LifeStyle Magazine](https://js.dearflip.com/books/3d-flipbook/) - [Same page link testing](https://js.dearflip.com/books/same-page-link-testing/) - [Double Internal Pages - Image](https://js.dearflip.com/books/double-internal-pages-image/) - [Links issue](https://js.dearflip.com/books/links-issue/) - [Booklet Mode](https://js.dearflip.com/books/booklet-mode/) - [Meat Atlas](https://js.dearflip.com/books/meat-atlas/) - [](https://js.dearflip.com/books/2202/) - [](https://js.dearflip.com/books/2199/) - [GLFW manual](https://js.dearflip.com/books/glfw-manual/) - [Mazda 6](https://js.dearflip.com/books/mazda-6/) - [Mazda 3](https://js.dearflip.com/books/mazda-3/) - [Mazda CX-9](https://js.dearflip.com/books/mazda-cx-9/) - [Test dFlip Manual Book](https://js.dearflip.com/books/test-dflip-manual-book/) - [Test Book](https://js.dearflip.com/books/test-book/) - [H9 Catalogue](https://js.dearflip.com/books/h9-catalogue/) - [Real Life Disney](https://js.dearflip.com/books/real-life-disney/) - [Visit Nepal 2020](https://js.dearflip.com/books/visit-nepal-2020/) - [Characters Mix](https://js.dearflip.com/books/characters-mix/) - [Lancom company profile](https://js.dearflip.com/books/lancom-company-profile/) - [Reflection](https://js.dearflip.com/books/reflection/) ## Docs - [Customize Loading](https://js.dearflip.com/docs/customize-loading/) - Change the Loading text Currently the loading text is Loading... It is taken from DEARFLIP.defaults.loading Changing it to required text will change the loading text. More about translation text DEARFLIP.defaults.loading = "Custom Loading Text..."; Change the text before loading dflip.min.js but before the scripts starts to run on. If you do not have jQuery. You - [Translate UI texts](https://js.dearflip.com/docs/translate-ui-texts/) - Translation of text online is available through DEARFLIP.defaults.text and through flipbook options. using DEARFLIP.defaults.text is recommended. var flipBook; $(document).ready(function () { //preferred method by global translate DFLIP.defaults.text= { toggleSound: "Ton ein/aus schalten", toggleThumbnails: "Vorschaubilder", toggleOutline: "Lesezeichen", previousPage: "vorherige Seite", nextPage: "nächste Seite", toggleFullscreen: "Vollbildschirm", zoomIn: "Vergrößern", zoomOut: "Verkleinern", toggleHelp: "Hilfe", //more buttons sections singlePageMode: "einzel - [onPageChanged](https://js.dearflip.com/docs/onpagechanged/) - Case: Trigger custom function or action when viewer has changed the page. Demo: Process: We use onPageChanged function to detect the viewer page changed state. These are added to DFLIP.defaults variable so that every flipbook on the page uses the customization. - [Add Custom Download button to Flipbook](https://js.dearflip.com/docs/add-custom-download-button-to-flipbook/) - This customization allows user to add an extra download button that downloads different PDF file specified in the code. JavaScript Code: jQuery(function($){ var customButtonFunction = function(event){ //Custom button code goes here }; var alternateDownloadFile = "https://js.dearflip.com/wp-content/uploads/2020/03/foee_hbf_meatatlas_jan2014.pdf"; //We add the function in Global Defaults so that all flipbooks in the page act same. DFLIP.defaults.onReady = - [Options List](https://js.dearflip.com/docs/options-list/) - Options and advanced usage: Consider you want to use the options and features, you can use directly with JavaScript by using HTML element ID.. and related option variable. var options = { //sets if to use 3d or not (true|false) webgl: true, //if you want to turn of shadow in 3d set it to false - [Getting started](https://js.dearflip.com/docs/getting-started/) - Thank you for purchasing DearFlip! You can follow these steps to start using DearFlip. If you have any questions or need assistance, please don't hesitate to contact us. File Structure & Template Basic Usages Options List - [Add Close button to ToolBar](https://js.dearflip.com/docs/add-close-button-to-toolbar/) - This customization allows user to add an extra close button that closes the lightbox. This only works for Lightbox (Popup) mode. JavaScript Code: jQuery(function($){ //restrict the allControls to only "pageNumber" DEARFLIP.defaults.allControls="pageNumber"; var closeFlipbook = function(){ if(DEARFLIP && DEARFLIP.activeLightBox){ DEARFLIP.activeLightBox.closeButton.trigger("click"); } }; //We add the function in Global Defaults so that all flipbooks in the - [Basic Usages](https://js.dearflip.com/docs/basic-usages/) - You can create flipbooks as embedded, or light-boxes by using the related CSS classes. _df_book : Creates a embedded flipbook _df_thumb : Creates a thumbnail that will open as a popup flipbook _df_button : Creates a button that will open as a popup flipbook _df_custom : Wraps anything inside the element to trigger a popup - [Customizations](https://js.dearflip.com/docs/customizations/) - Lightbox Customizations How to change thumb size for lightbox popups? You can change the thumb size by using Custom CSS. ._df_thumb{ width:240px; height:360px; } How to show thumb title without hover? Normally thumb titles are displayed on hover. It can be changed to auto with below Custom CSS: ._df_thumb ._df_book-title { opacity: 1; bottom: 0; - [Advanced Customizations](https://js.dearflip.com/docs/adv-customizations/) - These Advanced customizations are experimental and done in request of customers. These are not official features and just sample of customizations. - [onReady Function](https://js.dearflip.com/docs/onready-function/) - Case: Trigger custom function or action when viewer has finished loading the document and required files for displaying the PDF. Demo: Process: We use onReady function to detect the viewer state. These are added to DFLIP.defaults variable so that every flipbook on the page uses the customization. jQuery(function(){ DFLIP.defaults.onReady = function(app){ alert("Viewer Ready"); console.log(app); }; }); - [Support and FAQs](https://js.dearflip.com/docs/issues-and-faqs/) - How do I get faster support and help? We recommend using the contact form on our support page. You can leave a comment in the comment section too, But that will be a bit slower and has a limitation with sharing extra info like screenshots and private information like website URL. Before contacting us, please - [Examples](https://js.dearflip.com/docs/examples/) - [File Structure & Template](https://js.dearflip.com/docs/file-structure-template/) - Welcome to the starting guide of DearFlip, previously dFlip, jQuery Flipbook plugin. Once you have downloaded the file, you can extract the zip file and see there is a dflip folder. That's the folder that we will be using to get started. File Structure DearFlip, also known as dFlip, flipbook plugin is jQuery based. Basically - [Thumb animation on page scroll](https://js.dearflip.com/docs/thumb-animation-on-page-scroll/) - - - - - - - Please scroll Below to see the animation: - - - - - - - - - - - - Please scroll up to see the animation: - - - - - - JavaScript Code: /** First we get all the non-loaded image elements **/ var lazyImages = [].slice.call(document.querySelectorAll("._df_thumb")); - [Store last viewed flipbook page](https://js.dearflip.com/docs/store-last-viewed-flipbook-page/) - Experimental customizations are not included by default and are extended to the plugin. Please use with caution and proper consent. Case: Flipbook can open at any given page by using data-page=5 setting(second Book), or by passing through options var options={openPage:5}; Yet, at times last open page of user can be stored and restored using further - [Add Custom Zoom Reset button to Flipbook](https://js.dearflip.com/docs/add-custom-zoom-reset-button-to-flipbook/) - This customization allows user to add an zoom reset button that resets the zoom of flipbook. Demo: Javascript Code: jQuery(function($){ //bind sets the context to flipbook variable and can be accessed by 'this' var zoomResetButtonFunction = function(){ var flipbook = this; flipbook.resetZoom(); }; //We add the function in Global Defaults so that all flipbooks - [Add print button to flipbook](https://js.dearflip.com/docs/add-print-button/) - This customization allows user to add an extra print button that prints the PDF file used by the flipbook. JavaScript Code: jQuery(function($){ var customButtonFunction = function(){ //Custom button code goes here var flipbook = this; printJS({printable:flipbook.options.source , type:'pdf', showModal:true}) }; var alternateDownloadFile = "https://js.dearflip.com/wp-content/uploads/2020/03/foee_hbf_meatatlas_jan2014.pdf"; //We add the function in Global Defaults so - [Adding Outline/Table of Content](https://js.dearflip.com/docs/adding-outline-table-of-content/) - Adding Outline/Table of Content: If you want to add outline to the flipbooks you create you need to : Add id to the flipbook element. Example id="my_flipbook" Register a related option variable based on the id. Example var option_my_flipbook = {}; Code: Intro Book var option_my_flipbook = {webgl:false}; /** * - [Adding Search](https://js.dearflip.com/docs/adding-search/) - Adding Search: Search is introduced in version 2.1. If you want to add search to the flipbooks, you need to : Add id to the flipbook element. Example id="my_flipbook" Register a related option variable based on the id. Example var option_my_flipbook = {}; Code: Intro Book var option_my_flipbook = {showSearchControl:true}; - [PDF links custom class and usages](https://js.dearflip.com/docs/pdf-links-custom-class-and-usages/) - PDF links created by dFlip have their own click function. But can be somewhat intercepted and customized based on the requirement.A custom function can be launched based on the URL of the link. Works best with a link with external URLs. Note: This customization feature can be included in the core in future - if - [Basic - Using options](https://js.dearflip.com/docs/basic-using-options/) - Adding Options to Flipbook: If you want to add options to the flipbooks you create you need to : Add id to the flipbook element. Example id="my_flipbook" Register a related option variable based on the id. Example var option_my_flipbook = {}; Code: Intro Book Output: - [Basic - Flipbook using HTML](https://js.dearflip.com/docs/basic-embed-using-html/) - Make sure you have added the basic files required for dearflip. Learn how to? Embed Mode: Flipbook can be created with just a simple html syntax. Requires _df_book class to detect a flipbook. Code: Output: Popup Modes: Flipbook supports 3 modes for popups, using three different class names: _df_thumb : - [How to add custom share button?](https://js.dearflip.com/docs/how-to-add-custom-share-button/) - We expect knowledge of Javascript and CSS to complete this customization. Add the following CSS for What's App button icon, and close button: .df-share-button.ti-whatsapp:before { content: url('https://api.iconify.design/simple-icons:whatsapp.svg?color=%23777&width=20&height=20'); } .df-share-button.df-icon-close { position: absolute; top: 0px; right: 0px; } Also add the following code that1. Removes mail icon2. Creates the What's App button3. Adds close button jQuery(function(){ - [Open flipbook in full-screen](https://js.dearflip.com/docs/open-flipbook-in-full-screen/) - We don't recommend opening popup flipbooks directly into full-screen. Yet there are cases where customers need such behavior. Please use with precaution. Your user might be confused with direct jumping to fullscreen mode. Note: This customization feature can be included in the core in future - if a proper solution emerges without confusing the user. - [Reset flipbook zoom on flip](https://js.dearflip.com/docs/reset-zoom-on-flip/) - Demo: Code: We can use the beforeFlip() function to reset the flipbook zoom, when flipbook starts to flip. - [Add Custom Button to Flipbook](https://js.dearflip.com/docs/custom-button/) - User can add custom buttons to flipbooks. JavaScript Code: Stylesheet CSS: .df-ui-custom-button1{ width:max-content; - [Load more button for lightboxes](https://js.dearflip.com/docs/load-more-button-for-lightboxes/) - JavaScript Code: jQuery(function($){ DFLIP.defaults.loadMoreCount = 8; DFLIP.parseBooks = function () { $('.dflip-books').each(function () { var booksWrapper = $(this); var parsed = booksWrapper.attr("parsed") || booksWrapper.attr("df-parsed"); //skip if already parsed or failed if (parsed !== "true") { booksWrapper.attr("df-parsed", "true"); var count = 0; var books = booksWrapper.find('._df_button, ._df_thumb, ._df_custom, ._df_book'); var totalBooks = books.length; books.each(function () - [License Activation](https://js.dearflip.com/docs/license-activation/) - We distribute our jQuery plugin using Freemius. They issue a license for each subscription and purchase. This is default for them. jQuery plugin can be used without activation. Yet if the license expires after its tenure, future updates and support will not be available. - [Why are there PHP files in download zip file?](https://js.dearflip.com/docs/why-are-there-php-files-in-download/) - We distribute our plugin using Freemius. They are originally WordPress distributors. So they require us to include a PHP file(dflip-ignore.php) with Plugin details and readme.txt with PHP requirement. These files can be ignore or deleted once you download. They do not make any issues nor they are require to run the plugin, they only have - [Update URL hash on the address bar when a page flips](https://js.dearflip.com/docs/auto-update-url-hash-on-address-bar/) - When flipbook opens or the page changes, the hash URL also needs to be updated. Note: This customization feature can be included in the core in future - if a proper solution emerges without confusing the user. Final Result: What is expected: Changes the hash URL on Address bar when a flipbook page changes. How ## Categories - [Flipbook PDF Related Articles](https://js.dearflip.com/category/flipbook-pdf-related-articles/) - [Blog](https://js.dearflip.com/category/blog/) - [Tutorials](https://js.dearflip.com/category/tutorials/) ## Categories - [RTL](https://js.dearflip.com/book-category/rtl/) - [Manual](https://js.dearflip.com/book-category/manual/) - [Catalogue](https://js.dearflip.com/book-category/catalogue/) - [Profile](https://js.dearflip.com/book-category/profile/) - [Car](https://js.dearflip.com/book-category/car/) - [Brand](https://js.dearflip.com/book-category/brand/) - [Selected](https://js.dearflip.com/book-category/selected/) ## Docs Categories - [FAQs](https://js.dearflip.com/docs-category/faqs/) - [Customizations](https://js.dearflip.com/docs-category/customizations/) - [Getting Started](https://js.dearflip.com/docs-category/getting-started/) - [Examples](https://js.dearflip.com/docs-category/examples/) - [Advanced Customizations](https://js.dearflip.com/docs-category/advanced-customizations/)