[ { "Id": "2980", "URL": "/site-settings-and-management/empty-cache", "Name": "Empty Cache", "Description": "The “Empty Cache” function can be accessed from the gear icon () in the top right of the admin. When manipulating images on your site using the ImageProcessor parameters, the modified images are stored in a server-side cache - to avoid having to reprocess the image unnecessarily on subsequent page views. For example; applying a width parameter of 100px to an image like so: <img src="/images/my-image.jpg?width=100" alt="My Image"> Results in an image of 100px width saved to the server cache which is directly linked to the above image path and parameters and is retrieved from the cache whenever that image is requested thereafter. So, even after uploading a replacement image (with the same file name and location) the image rendered on your website may still show the cached version for all users - from the ImageProcessor cache (which cannot be refreshed by clearing the individual user’s browser cache). Changing any of the parameters will result in a new image being generated and this method can be used to force the new image to be displayed, for example: <img src="/images/my-image.jpg?width=101" alt="My Image"> However, this is not always a practical approach to the..." },{ "Id": "2427", "URL": "/site-settings-and-management/account-suspension", "Name": "Account Suspension", "Description": " Settings Account Suspension can be found under the gear icon in the top right of the site Admin. This can be used for site warnings, important notices or for helping encourage the resolution of outstanding client accounts. There are 2 styles of suspension for varying levels of site blocks, as described below. Option Description Suspension type Soft SuspensionA Soft Suspension will present all website visitors with a banner overlay on the website, describing the suspension and blocking access to the site until an action button is clicked. Admin users will also see the banner when attempting to log in to the admin, requiring an action to continue accessing the admin.Hard SuspensionA Hard Suspension will present all website visitors with an alternative page describing the suspension and blocking all access to the site. Admin users will also see the page when attempting to log in to the admin, blocking all admin access. Enabling Account Suspension for any site does not pause any billing commitments for that site with Treepl CMS. Hosting..." },{ "Id": "1936", "URL": "/site-settings-and-management/ftp-access", "Name": "FTP access", "Description": "0 Requirements In order to connect to your Treepl CMS website through FTP you would need to have: Live or trial website on Treepl CMS FTP Client Credentials All Treepl sites’ FTP credentials use the following pattern, using the sites’ current primary domain (or trial site URL) and the Reseller's, or Admin's, email address: Version 6.9.1 With the upcoming release of v6.10 the FTP protocol and credentials format is changing (as per the documentation below) with a move to SFTP (from FTPS), host names per data center and replacing the previous | character with an @ character in the username.eg: [sitename].treepl.co|[reseller/admin-email-address]to: [sitename].treepl.co@[reseller/admin-email-address].Meanwhile, if you are configuring any FTP connection for sites still on v6.9.1 you'll need to continue using this format: Protocol: FTPS (FTP over TLS/SSL) Port: 21 Hostname: [sitename].treepl.co or [sitename].trialsite.co Username: [sitename].treepl.co|[reseller/admin-email-address] or [sitename].trialsite.co|[reseller/admin-email-address] Password: [reseller/site-password] Version 6.10 Data Centers: US, CA Protocol: SFTP Port: 22 Hostname: sftp-na.trialsite.co Username: [primary site domain/trial site URL]@[reseller/admin-email-address] Password: [reseller/site-password] Data Centers: EU, UK Protocol: SFTP Port: 22 Hostname: sftp-eu.trialsite.co Username: [primary site domain/trial site URL]@[reseller/admin-email-address] Password: [reseller/site-password] Data Centers: AU Protocol:..." },{ "Id": "3156", "URL": "/extensions/abandoned-cart-recovery", "Name": "Abandoned Cart Recovery", "Description": "According to statistics, about 80% of customers abandon purchases, for different reasons, after adding items to their shopping carts. With Treepl Abandoned Cart Recovery you can automatically email users after a cart or checkout is abandoned to stay top-of-mind with them while their purchase intent is still high. Multiple reminder emails can be sent at adjustable timeframes and can include all the details of their shopping cart session. This extension is available on the ECOMMERCE plan only. Enabling Abandoned Cart Recovery is installed as a site extension and can therefore be enabled from your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab. Clicking the “Install” button will move the extension to the ‘Installed Extensions’ section and activate it for that site. Once installed, the extension will be available for use via the site admin as detailed below. Uninstalling From your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab, clicking the trash can () icon next to the Abandoned Cart Recovery extension will uninstall the extension from the site and move it back to the ‘Available Extensions’ section. Shop Settings When the..." },{ "Id": "2364", "URL": "/content-editing/admin-editor-wysiwyg-code-view-", "Name": "Admin Editor (WYSIWYG/Code View)", "Description": "" },{ "Id": "3155", "URL": "/tutorials/asset-cache-control", "Name": "Asset Cache Control", "Description": "Static assets, such as CSS files, JS files and images are usually stored in some sort of cache, both at the server level and in the users’ browsers. While this behaviour is critical for site performance it can also get in the way of displaying the latest changes on your site, since the old versions are being loaded from cache. This is particularly true while developing your site, where frequent changes are being made and you and your client are trying to review those changes. But it can also be an issue after the site has launched and an update to your CSS or JS files needs to be rolled out. Below are some typical situations where caching issues like this can occur and some methods on how to manage them. The Problem When a user views your site, their browser will likely store a copy of any downloaded assets, such as CSS, JS and image files, in the browser’s cache (stored on the user’s device). If you later update those assets on the website server and the user views your site again, the browser will likely display those cached assets instead of your updated files. At least..." },{ "Id": "2345", "URL": "/about-treepl-cms/backlog-and-requesting-features", "Name": "Backlog & Requesting Features", "Description": " Public Backlog Treepl CMS Public Backlog Official Treepl CMS Public Backlog showing upcoming, in-process and delivered features. Most requested and planned features can be found in the public backlog. The public backlog also shows the various states of requested features (ie: Reviewed, Under Review, Requested, etc.) as well as in process and previously delivered features The Backlog can be viewed on the Treepl CMS website and directly from within your Portal - however, voting on items can only be done via your Portal. The below video walks through the various aspects of the Backlog process and voting: Requesting features Treepl CMS Community Forum | Public Backlog Treepl CMS forum is the best place to request features. Features can be requested by posting them in the public backlog section..." },{ "Id": "3153", "URL": "/website-templates/bikes", "Name": "*Bikes", "Description": " Preview Create Trial Site Source Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). How to Access Source Assets Website template assets are managed via our GitHub repository and is therefore the best way to supply these assets to you and provide the most up-to-date versions at any time. As a Treepl CMS reseller, you may submit a support ticket, via your reseller portal, requesting access to the website template assets. Please include your GitHub username for us to share the repository with you. You can sign up for a free GitHub account here if you don’t already have one. How to Use Source Assets Design Files Layered Photoshop files along with all images used throughout the template are provided. You can make design edits in Photoshop and export those assets to update the website files. Or you can submit a project via Treepl Services (or..." },{ "Id": "3151", "URL": "/website-templates/clothing-store", "Name": "*Clothing Store", "Description": " Preview Create Trial Site Source Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). How to Access Source Assets Website template assets are managed via our GitHub repository and is therefore the best way to supply these assets to you and provide the most up-to-date versions at any time. As a Treepl CMS reseller, you may submit a support ticket, via your reseller portal, requesting access to the website template assets. Please include your GitHub username for us to share the repository with you. You can sign up for a free GitHub account here if you don’t already have one. How to Use Source Assets Design Files Layered Photoshop files along with all images used throughout the template are provided. You can make design edits in Photoshop and export those assets to update the website files. Or you can submit a project via Treepl Services..." },{ "Id": "3150", "URL": "/website-templates/coffee", "Name": "Coffee", "Description": " Preview Create Trial Site Source Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). How to Access Source Assets Website template assets are managed via our GitHub repository and is therefore the best way to supply these assets to you and provide the most up-to-date versions at any time. As a Treepl CMS reseller, you may submit a support ticket, via your reseller portal, requesting access to the website template assets. Please include your GitHub username for us to share the repository with you. You can sign up for a free GitHub account here if you don’t already have one. How to Use Source Assets Design Files Layered Photoshop files along with all images used throughout the template are provided. You can make design edits in Photoshop and export those assets to update the website files. Or you can submit a project via Treepl Services (or..." },{ "Id": "3152", "URL": "/website-templates/coworking", "Name": "*Coworking", "Description": " Preview Create Trial Site Source Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). How to Access Source Assets Website template assets are managed via our GitHub repository and is therefore the best way to supply these assets to you and provide the most up-to-date versions at any time. As a Treepl CMS reseller, you may submit a support ticket, via your reseller portal, requesting access to the website template assets. Please include your GitHub username for us to share the repository with you. You can sign up for a free GitHub account here if you don’t already have one. How to Use Source Assets Design Files Layered Photoshop files along with all images used throughout the template are provided. You can make design edits in Photoshop and export those assets to update the website files. Or you can submit a project via Treepl Services (or..." },{ "Id": "3345", "URL": "/open-api-frontend/crm-contact-api", "Name": "CRM Contact API", "Description": " GET CRM Contact by Token Retrieves a CRM contact as a JSON response from the given token. /api/v2/frontend/contacts/by-token Data / Response: { "CRMMemberToken": "" } var obj = { "CRMMemberToken": "" } ; var code = $('#code17 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); { "Id": 0, "Email": "string", "FirstName": "string", "LastName": "string", "CrmType": "Contact", "EmailConfirmed": true, "Role": "General", "CreatedDate": "2024-05-22T17:17:45.552Z", "Address": "string", "City": "string", "State": "string", "ZipCode": "string", "Country": "string", "Site": "string", "Phone": "string", "Status": "string", "Notes": "string", "Type": 0, "CustomerTypeName": "string", "IsDataUsingAllowed": true, "CustomCrmGroups": { "<GroupAlias1>": { "<FieldAlias1>": "<value>", "<FieldAlias2>": false, "<FieldAlias3>": 0 } } } var obj = { "Id": 0, "Email": "string", "FirstName": "string", "LastName": "string", "CrmType": "Contact", "EmailConfirmed": true, "Role": "General", "CreatedDate": "2024-05-22T17:17:45.552Z", "Address": "string", "City": "string", "State": "string", "ZipCode": "string", "Country": "string", "Site": "string", "Phone": "string", "Status": "string", "Notes": "string", "Type": 0, "CustomerTypeName": "string", "IsDataUsingAllowed": true, "CustomCrmGroups": { "": { "": "", "": false, "": 0 } } } ; var code = $('#code18 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); PUT CRM Contact Password Update Updates a CRM contact's password from the current password. /api/v2/frontend/contacts/update-password ..." },{ "Id": "3149", "URL": "/website-templates/digital-agency", "Name": "Digital Agency", "Description": " Preview Create Trial Site Source Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). How to Access Source Assets Website template assets are managed via our GitHub repository and is therefore the best way to supply these assets to you and provide the most up-to-date versions at any time. As a Treepl CMS reseller, you may submit a support ticket, via your reseller portal, requesting access to the website template assets. Please include your GitHub username for us to share the repository with you. You can sign up for a free GitHub account here if you don’t already have one. How to Use Source Assets Design Files Layered Photoshop files along with all images used throughout the template are provided. You can make design edits in Photoshop and export those assets to update the website files. Or you can submit a project via Treepl Services..." },{ "Id": "2916", "URL": "/extensions/direct-billing", "Name": "Direct Billing", "Description": " Enabling Direct Billing is installed as a site extension and can therefore be enabled from your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab. Clicking the “Install” button will move the extension to the ‘Installed Extensions’ section and activate it for that site. Once installed, the extension will be available for use via the site admin as detailed below. This extension is available for PARTNER and PARTNER AGENCY level resellers only. Uninstalling From your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab, clicking the trash can () icon next to the Direct Billing extension will uninstall the extension from the site and move it back to the ‘Available Extensions’ section. Unistalling this extension does not affect any previously imported or exported modules. Settings This extension does not have any configuration options from the Portal. This extension functions via the site’s admin interface Admin Interface If the site is in Trial Site mode, the “Billing” option will become available in the site’s admin area, under the gear () icon in the top right of the screen. Your client..." },{ "Id": "2130", "URL": "/extras/force-download-handler", "Name": "Force Download Handler", "Description": "If the file link has ?downloadable=1 URL parameter than the content will be dowloadable to the site users regardless of the media content mime type. Example: /link/to/media/content.pdf?downloadable=1 " },{ "Id": "3349", "URL": "/open-api-frontend/form-handler-api", "Name": "Form Handler API", "Description": " POST Form Handler Sends form submission data to an existing form. /api/v2/frontend/form-handler Data / Response: FormSubmissionData with FormId as required field var obj = [[a target=_blank href=/liquid/formsubmissiondata-object]]FormSubmissionData[[/a]] with FormId as required field ; var code = $('#code24 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); { "Id": 0, "OrderId": 0, "FormId": 0, "MemberId": 0, "CreatedDateTime": "2024-05-22T17:39:49.982Z", "CustomCrmGroups": { "<GroupAlias1>": { "<FieldAlias1>": "<value>", "<FieldAlias2>": false, "<FieldAlias3>": 0 } }, "Member": { "Id": 0, "Email": "string", "FirstName": "string", "LastName": "string" }, "Form": { "Id": 0, "Alias": "string", "Name": "string" }, "CaseFields": { "<FieldAlias1>": "<value>", "<FieldAlias2>": false, "<FieldAlias3>": 0 } } var obj = { "Id": 0, "OrderId": 0, "FormId": 0, "MemberId": 0, "CreatedDateTime": "2024-05-22T17:39:49.982Z", "CustomCrmGroups": { "": { "": "", "": false, "": 0 } }, "Member": { "Id": 0, "Email": "string", "FirstName": "string", "LastName": "string" }, "Form": { "Id": 0, "Alias": "string", "Name": "string" }, "CaseFields": { "": "", "": false, "": 0 } } ; var code = $('#code25 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); Validation: Data validation will be performed as per the server side validation rules for the form, except for: Recaptcha validation..." },{ "Id": "3147", "URL": "/website-templates/furniture", "Name": "Furniture", "Description": " Preview Create Trial Site Source Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). How to Access Source Assets Website template assets are managed via our GitHub repository and is therefore the best way to supply these assets to you and provide the most up-to-date versions at any time. As a Treepl CMS reseller, you may submit a support ticket, via your reseller portal, requesting access to the website template assets. Please include your GitHub username for us to share the repository with you. You can sign up for a free GitHub account here if you don’t already have one. How to Use Source Assets Design Files Layered Photoshop files along with all images used throughout the template are provided. You can make design edits in Photoshop and export those assets to update the website files. Or you can submit a project via Treepl Services (or..." },{ "Id": "2918", "URL": "/extensions/granular-white-labeling", "Name": "Granular White-labeling", "Description": "This can be useful if you have multiple brand channels / sub-brands that certain sites are managed under and you wish to maintain that level of branding for the site admin. Alternatively, you may like to brand site admin areas with the client's own branding, for a higher level of customisation and ownership for the client. Enabling Granular White-labeling is installed as a site extension and can therefore be enabled from your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab. Clicking the “Install” button will move the extension to the ‘Installed Extensions’ section and activate it for that site. Once installed, the extension will be available for use via the site admin as detailed below. This extension is available for PARTNER AGENCY level resellers only. Uninstalling From your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab, clicking the trash can () icon next to the Granular White-labeling extension will uninstall the extension from the site and move it back to the ‘Available Extensions’ section. Admin Interface The branding options will become available in the site’s admin area, under the gear (" },{ "Id": "3154", "URL": "/website-templates/hair-salon", "Name": "*Hair Salon", "Description": " Preview Create Trial Site Source Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). How to Access Source Assets Website template assets are managed via our GitHub repository and is therefore the best way to supply these assets to you and provide the most up-to-date versions at any time. As a Treepl CMS reseller, you may submit a support ticket, via your reseller portal, requesting access to the website template assets. Please include your GitHub username for us to share the repository with you. You can sign up for a free GitHub account here if you don’t already have one. How to Use Source Assets Design Files Layered Photoshop files along with all images used throughout the template are provided. You can make design edits in Photoshop and export those assets to update the website files. Or you can submit a project via Treepl Services..." },{ "Id": "2917", "URL": "/extensions/import-export-of-modules", "Name": "Import/Export of Modules", "Description": "Import/Export of Modules provides the ability to work faster when creating duplicate, or even similar, modules across a site or multiple sites - avoiding the tedious data-entry task of setting up properties and all the various settings. This extension also provides a way to share module configurations with the community and other resellers (providing both parties have the extension installed). Import/Export of Modules will also duplicate nested module configurations, creating both the parent and child modules assigned in the settings. When importing a nested Custom Module setup, you’ll just need to reassign the child module via the “Allow creating foreign items from other existing Custom Modules” setting. Enabling Import/Export of Modules is installed as a site extension and can therefore be enabled from your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab. Clicking the “Install” button will move the extension to the ‘Installed Extensions’ section and activate it for that site. Once installed, the extension will be available for use via the site admin as detailed below. This extension is available for PARTNER AGENCY level resellers only. Uninstalling From your reseller Portal, via the site instance settings, then..." },{ "Id": "3146", "URL": "/website-templates/max", "Name": "Max", "Description": " Preview Create Trial Site Source Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). How to Access Source Assets Website template assets are managed via our GitHub repository and is therefore the best way to supply these assets to you and provide the most up-to-date versions at any time. As a Treepl CMS reseller, you may submit a support ticket, via your reseller portal, requesting access to the website template assets. Please include your GitHub username for us to share the repository with you. You can sign up for a free GitHub account here if you don’t already have one. How to Use Source Assets Design Files Layered Photoshop files along with all images used throughout the template are provided. You can make design edits in Photoshop and export those assets to update the website files. Or you can submit a project via Treepl Services (or..." },{ "Id": "3339", "URL": "/open-api-frontend/member-auth-api", "Name": "Member Auth API", "Description": " POST CRM Member Token Retrieve Retrieves a CRM member token as a JSON response via the login process. /api/v2/frontend/auth/login Data / Response: { "Email": "", "Password": "" } var obj = { "Email": "", "Password": "" } ; var code = $('#code27 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); { "CRMMemberToken": "string" } var obj = { "CRMMemberToken": "string" } ; var code = $('#code28 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); GET CRM Member Token Refresh Refreshes a CRM member token as a JSON response from a current member token. /api/v2/frontend/auth/refresh-token Data / Response: { "CRMMemberToken": "string" } var obj = { "CRMMemberToken": "string" } ; var code = $('#code30 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); { "CRMMemberToken": "string" } var obj = { "CRMMemberToken": "string" } ; var code = $('#code31 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); Validation: When UserToken is empty Error message: UserToken is required When UserToken is not found in the database Error message: UserToken is invalid ..." },{ "Id": "3211", "URL": "/extensions/meta-conversion-api-integration", "Name": "Meta Conversion API Integration", "Description": "" },{ "Id": "2848", "URL": "/extras/migrating-from-liquid-2-to-3", "Name": "Migrating from Liquid 2.0 to 3.0", "Description": " Difference #1:collectionVariable for the "item_attributes" component Take the following component tag example: {% component source: "Products", ... type: "item_attributes", collectionVariable: "myVariableName" %} When using this collectionVariable it had an unnecessary items property (items should just be accessible directly in the root of the collection). Here is the difference between the collectionVariable output between Liquid 2.0 and Liquid 3.0: Required Actions If you have used custom collection (via collectionVariable) for product attributes on your sites than you should adjust the usage of your variable from, for example, this: myVariableName.items.attributes to just: myVariableName.attributes Alternatively, you can also create custom layout file and move you code into this file, again replacing myVariableName.items.attributes to this.attributes. Then you can assign your custom layout file using the layout: "/path/to/file" parameter, rather than the collectionVariable. Difference #2:Component support for "layout" parameter In Liquid 3.0 we have fixed a bug with the layout parameter used to omit the default layout, or assign a custom layout file, for component tags. For most components the functionality is as follows (and will not change): If component has no..." },{ "Id": "2574", "URL": "/extras/migrating-to-advanced-payment-flow", "Name": "Migrating to Advanced Payment Flow", "Description": " Difference #1: Payment Gateway And Domain Settings Currency is no longer selectable for payment gateway when Advanced Payment Flow is enabled. Instead of a full currencies list you will be provided with the currency/country pairs that are taken from domain settings of all your domains. In order to setup/change currency you should go to the domain settings and choose (or create first) a culture that contains desired currency. When Advanced Payment Flow is enabled you have an ability to setup several stripe (or any other) payment gateways. One gateway per one unique currency/country pair. Required Actions Once feature enabled this change requires you to check if your domains have proper countries and format settings selected. And apply proper once if not. Example: You have AUD currency selected for stripe. Once the flag is enabled your Payment Settings page will be changed from this: " },{ "Id": "3148", "URL": "/migrating-to-ga4-from-a-google-analytics-ua-property", "Name": "Migrating to GA4 from a Google Analytics UA Property", "Description": " Google Analytics API Project This first step will prepare the new Google Analytics Data API that will be required for the Treepl CMS integration once it has been released. Go to your Google Cloud console to access your site’s previous API project (for the Universal Analytics property) - https://console.cloud.google.com/. If you haven't yet set up the API project previously you can create a new project and enable the API as described in the Analytics set up article. For existing projects, once you’ve accessed the appropriate account, click on the "Dashboard" link. Click on the "Go to APIs overview" link. Click "Enable APIs and Services" at the top of the screen. In the search field, type 'Analytics' to filter the list of APIs available. You should see results for "Google Analytics Data API". We'll need to enable this API, so click on that item. ..." },{ "Id": "3435", "URL": "/open-api-admin/module-layouts-api", "Name": "Module Layouts API", "Description": " GET Module Layouts List Retrieves a list of Module Layouts as a JSON response based on your provided query parameters. /api/v2/admin/module-layouts/{id}/layouts Data / Response: { "Where" : {}, "Order_By" : "Id", "Offset" : 0, "Limit" : 100, } var obj = { "Where" : {}, "Order_By" : "Id", "Offset" : 0, "Limit" : 100, } ; var code = $('#code44 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); { "Items": [ { "Id": 0, "FtpPath": "string", "Name": "string", "Type": "Detail", "Template": "string" } ], "TotalItemsCount": 0 } var obj = { "Items": [ { "Id": 0, "FtpPath": "string", "Name": "string", "Type": "Detail", "Template": "string" } ], "TotalItemsCount": 0 } ; var code = $('#code45 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); POST Module Layout Create Creates a new Module Layout based on the provided data. /api/v2/admin/module-layouts/{moduleId} Data / Response: { "Name": "string", "Type": "Detail", "Template": "string" } var obj = { "Name": "string", "Type": "Detail", "Template": "string" } ; var code = $('#code47 code'); code.text((JSON.stringify(obj, null, 4))); code.html((code.html()).replace(/\[\[/g, '')); { "Id": 0, "FtpPath": "string", "Name": "string",..." },{ "Id": "2198", "URL": "/content-editing/on-site-editor-ose", "Name": "On-Site Editor (OSE)", "Description": " This style of editing is ideal for quick changes to small sections of existing textual content, bypassing the need to locate the required item in the Treepl CMS admin and using the more feature rich content editor and form-based style of content management. How OSE Works The OSE editing functionality is enabled and automatically works for all sites and can be accessed from the admin main navigation or by clicking the OSE icon at the top of the editing page for most content items. In-context-editing will only function when linking from these admin areas and while you are currently logged in to the CMS. OSE text styling is achieved via adding span elements around the required/selected text, with inline styles applied. Likewise, removing styles via OSE will only affect such styles applied on span elements - leaving other inline styles untouched. An action bar at the bottom of your site pages will indicate the active state on the OSE editor, where you can save any changes or exit out of OSE mode. " },{ "Id": "2947", "URL": "/content-editing/on-site-editor-ose-pro", "Name": "On-Site Editor (OSE) PRO", "Description": "Managing content via the OSE provides a simplified editing experience, removing the clutter of the admin environment and focusing only on the content modules and specific properties that have been designated for the OSE. This provides a high level of control for the content you allow to be edited via the OSE. Supported Content Types for OSE The On-Site Editor is compatible with, and can be individually enabled for, the following content types and modules: Site Globals (per group) Pages (Page Folders and Pages) Blogs (Blogs and Posts) Events (Groups and Items) Banners (Groups and Items) Galleries/Sliders (Groups and Items) FAQs (Groups and Items) Authors Products/Catalogs Custom Modules Enabling OSE The OSE PRO is available as a site extension and can therefore be enabled from your reseller Portal, via the site instance settings, under the ‘Extensions’ tab. Installing the extension to your site will enable the below options for further configuration. Site Globals You can enable any Site Globals groups to be accessible via the OSE by checking the “Enable On-Site Editor” checkbox in the group settings. " },{ "Id": "2129", "URL": "/extras/recaptcha-styling", "Name": "ReCaptcha Styling", "Description": "Treepl CMS supports Google reCAPTCHA v2 and v3 implementations. Below are some additional options you can configure. reCAPTCHA v2 Styling We can use HTML data attributes to set the Google reCAPTCHA v2 styling - such as 'compact' size option and 'dark/light' theme: <div class='g-recaptcha' data-sitekey='XXXXXXXX' data-size='compact' data-theme='dark'></div> See the external resource links below for further options and configuration " },{ "Id": "2606", "URL": "/tutorials/using-custom-parameters", "Name": "Using Custom Parameters", "Description": "One, or more, custom parameters can be added to a component tag to pass and consume data in different ways. For example, a custom parameter could be used in a CSS class to affect the styling of a component inserted in one location, while leaving other instances unaffected, or customised in a different way. Another use case could be to control the logic of a component to show or hide specific parts of the layout. Why Use Custom Parameters When you’re inserting a component/module in multiple places, it may need to be different in those different places. One option would be to have different components or different layouts. But it is possible to pass a custom parameter into a component insertion and use that to effect the logic or styling of the component. Here are some use cases I can think of: An SVG in a snippet and change the background colour based on a a custom variable. Maybe you need that SVG to be black when you insert it on a red background and white when you insert it on a black background. A logo would be a good example of when this might come into..." },{ "Id": "2915", "URL": "/extensions/website-backup", "Name": "Website Backup", "Description": "The extension also enables item rollback functionality for all System Modules and Custom Modules (rollback functionality for Pages and Content Templates is enabled by default for all sites regardless of the Website Backup extension being installed). Enabling Website Backup is installed as a site extension and can therefore be enabled from your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab. Clicking the “Install” button will move the extension to the ‘Installed Extensions’ section and activate it for that site. Once installed, configuration options for the extension will be available by clicking on the “Settings” button, and these are detailed below. Uninstalling From your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab, clicking the trash can () icon next to the Website Backup extension will uninstall the extension from the site and move it back to the ‘Available Extensions’ section. Once uninstalled, any currently stored backups will not be deleted and the encrypted backup files will remain in their storage location. In the event the extension is re-enabled, those stored backups will again be available via the extension. Settings Backup..." },{ "Id": "2424", "URL": "/getting-started/website-templates", "Name": "Website Templates", "Description": "When creating a new Trial Site, simply select any template from the 'Create from' option to get started. Template Assets As a Treepl reseller, on either PARTNER or PARTNER AGENCY plans, you have exclusive access to the latest version of source assets for our templates (PSD’s + HTML/CSS/SCSS/GruntJS files). These assets are maintained in our GitHub account. To gain access please send us your GitHub account username and we will make all of our template assets available for you. Available Templates View available templates " },{ "Id": "3013", "URL": "/extensions/zapier-integration", "Name": "Zapier Integration", "Description": " Enabling Zapier The Zapier integration is installed as a site extension and can therefore be enabled from your reseller Portal, via the site instance settings, then under the ‘Extensions’ tab. Prerequisites To use the Zapier extension you’ll need to be either a Treepl CMS Portal user or the site admin where the Zapier extension is installed. You’ll also need to have access to a Zapier account/s. Beta Invite During the beta period you will need to request an invite to view the Treepl CMS app within Zapier’s interface. Please send a support ticket to the Treepl CMS team via your portal (or email support@treepl.co) and ask for a Zapier invite to be sent to the email address of your Zapier account. This allows your Zapier account to show the Treepl CMS app when searching for apps to connect to. Authorisation When connecting to the Treepl CMS app within Zapier you’ll be prompted to log in to your Treepl CMS account (as a Portal user or site admin user). After successful login, authorisation between Zapier and Treepl CMS will be possible for any Treepl CMS site normally accessible with..." }, ]