Custom Boxes are customizable floating blocks on your profile page consisting of a title and a content. With Custom Boxes, you can personalize your page by adding customized call-to-action buttons to bring visitors to your Patreon page, your Substack newsletter, your Medium page or literally anywhere you want on the internet. You can even write long texts, post linkable pictures, embed YouTube videos, Instagram Galleries, and Twitter Timelines, display Google Maps, and also create testimonial boxes.
Go to https://www.oneprofile.info/custom_boxes and click on the "Add a Custom Box" button.
Select a type of Custom Box:
Each type of Custom Box has a number of fields. They are:
CTA link (optional)
CTA description (optional)
CTA icon (optional)
CTA icons on One Profile are powered by Font Awesome. You can freely choose any icons within the library, even the PRO icons. The format that you need to copy and use is something like this:
<i class="fal fa-planet-ringed"></i>
For Custom Boxes that allow image, you can either upload an image from your devise or paste an image link. If you uploaded a picture and paste an image link, the image link takes precedence. To use the uploaded picture, simple remove the image link and save changes.
Column refers to the column that your Custom Boxes will be placed on. There are 2 columns on your page. Column 1 is on the left and Column 2 is on the right. Click on the 'Profile Layout' to view how it looks like.
On this page https://www.oneprofile.info/custom_boxes, you can organize how your Custom Boxes will look like on your personal page.
There are 2 panels on this page. The left panel is the Search Custom Boxes Panel and the right panel is your Box Arrangements Panel.
This panel is used to filter through your Custom Boxes for the purpose of rearranging or editing them.
The key components of this panel are
Publish/Unpublish, Edit and Delete Buttons
Box preview will show you a preview of how your Custom Box will look like on your personal page. The CTA button will also work as intended. However, the main purpose of Box preview is to allow you to easily identify your Custom Box. Because this is only a preview; large photos will appear compressed, Google Maps are not shown, Twitter Timeline and Instagram Feed will be replaced with account handles. To see them in action, simply preview your page.
Box position determines the arrangement of the Custom Boxes on your personal page. The Box with the lowest position number will be at the top. For example, Box position 1 will be at the top of your personal page after Essential Boxes, Box position 2 will below Box position 1 and the arrangement follows in that order.
Column number denotes the Column your Custom Box is assigned to. It is recommended to filter by Column when you sort your Custom Boxes. The next section teaches you how to do it, it's very easy.
Simply click and hold on the Box and drag it above or below the other Box to change its Box position. As mentioned before the Box position's number determine where you Custom Box will appear on your personal page.
Here are a couple of important things to take note of:
When Boxes are not filtered according to Column, the Box position doesn't matter and they may appear mixed up.
After you drag and drop a Box, give it a couple of seconds for the page to refresh itself automatically and it will then show the changes. If it doesn't change — which rarely happens — you will need to refresh the page manually.
Allows you to create a simple form that collects visitor's email address and optionally, name.
When the form has been submitted by a visitor, you will receive an email from One Profile's Postman notifying you about the submission together with the email of the visitor (and name if enabled).
One Profile does not store any of your collected email addresses in our servers nor do we provide a service for storing email addresses. We recommend using an automation tool like Zapier where you can detect an email from us and automatically include the contents in a spreadsheet tool like Google Spreadsheet.
Log in to your Gumroad account as a seller
Click on Products
Select a product
Click on share
Click on the copy URL button
Paste it into the Custom Box field
Log in to your https://checkoutpage.co/ account
Click on Pages
Select a Page
Click on Use and an overlay will pop up
Scroll down until your reach the Add as pop-up on your site section
Copy the content of data-seller and data-checkout and paste it into the Custom Box field. Below is the example of the code-block given.
<buttonclass="cp-button"data-seller="copy this"data-checkout="copy this">Buy now</button>