Plugins
Templates
Blocks
Template Setup Guides

Agendy - Digital and Creative Agencies Template

Template page link: https://zeroqode.com/template/agendy---digital--creative-agencies-template-1539237358445x577353003491655700

Introduction

Agendy is a modern and cool looking no-code template for creative and digital agencies. It could also be used as a landing page for your business. It comes with everything you might need - portfolio gallery, products, team, contact and blog pages and modules. Use this product if you are a business that sells merchandise, while providing a service. You can even use a page builder to dynamically create pages with the required modules.

Features

  • Ability to sell your product/products

  • Integrated credit card payments powered by Stripe

  • Portfolio gallery

  • Fully mobile responsive

  • Modern style, clean and minimalist design

  • Dynamical page builder

  • Set of modules

  • Blog pages

  • Social sharing buttons for your blog posts

  • Admin panel

Payments: See the documentation on how to set Stripe Payments in Bubble App.

Main Documentation

Structure

The main pages this template is composed of are: “index”, “blog”, “contact” and “about”. All of these pages have their own subpages numbering a total of 14 pages (without including a decent number of reusable elements like header and footer).

Index (main page)

The page index is the “face” of this awesome template. On this page there are present: features describing the business, stats and partners, a shop, a gallery, testimonials, a puzzle (this is a unique feature used to give the user ability to manage the elements of the main page of the template in real time without buying it), a footer of a extended size and a interactive header.

All content on the index page is pulled from the database* (except features describing the business, reason being so you could animate them in bubble and for a better look on larger screens but there is still the option to pull them from the database by using the element RepeatingGroup Features from the page features_from_database.

So unless you want to remove some elements or maybe to play with the look of the index page, the only thing you have to do is modify the content of the database and sit back and look how flawless will this template adapt to it.

A key element on the index page is the shop. It was intended to be used for your products or services, not for maintaining a actual marketplace. However you are free to use it as a base for a bigger shop if you have this need, as the process of expanding should be very simple. You could also remove it and use the gallery instead if you don’t have products to sell. When adding a product in the database keep in mind that it’s main image will be the first image from the list so make sure you will add the main image first *.

Selecting a product will bring you to the product_page where are present the details of selected product and the ability to add it to your cart so you can buy it later using a credit/debit card (all the transactions are powered by Stripe).

Above the footer there is an element- puzzle (you can also call it mixer it won’t be mad). This element is optional and was intended for this template only but you are free to make use of it if your business/project has this need.

Page About

This is the page with all the details of your company, business or project. It contains more information about features described on index page. All the information you see there it’s static but the same as on index page you can pull the content from the database using the RepeatingGroup Features element from the page features_from_database.

Page Contact

This page’s name speaks for itself. It is the page where your clients will get in touch with you or were they could find details about your company’s location or working hours.

Blog

This is the page where all your blogposts are posted. On the right there is a list of categories pulled dynamically from the database and clicking on one of them will sort the blogs by that specific category. Also there is an option to filter the latest blogposts or to show all blogposts. By default when clicking on button “Latest” it will show the blogs posted in the last 7 days. If you want to change this value you need to go to element RepeatingGroup Blog Post -> Conditional, click on “Search for blogs” and there change the number “-7” to the number of days you want. Don’t forget to add the minus symbol in front of it.

There is also the option for the user to subscribe to the newsletter which is also present in the footer on all pages.

User account

This template will give your clients the ability to maintain an account. This is mostly due the need to pay for your products and services but it has also a few more reasons.

Admin

The page designed as an admin dashboard that is used to make changes to the database via frontend. In the dashboard, the admin can edit / delete users, products, orders, blogs and settings like ability to check gallery, partners and see testimonials. It comes with a graphical statistics representation by months and years.

Types of users

There are two types of users:

1. Customer

2. Admin

All new users will have the attribute “customer” assigned to their account. It will give them all the typical rights and abilities like changing email or password, picking a profile picture or changing the current one, adding products to the shopping cart and paying for them or subscribing to the newsletter (after registration they will be provided with a confirmation email request and you will be able to see in the database in the field “Verified ” if the user has a confirmed email, this way you will be able to build a list of real emails for some specific needs).

The “Admin” user type has the same rights as a customer but he also has the ability to post and edit blogs. You will be the one deciding to whom you want to give this right by changing the field “Type” of the user to “Admin” or you can keep this right to yourself.

! Don’t forget to delete the FloatingGroup A element which contains a button that can change the current user type to admin. This element is present only for the purpose of testing the template.

Payments

All the payments are made using Stripe platform. This means you have to setup a merchant Stripe account and to connect the API keys you will be provided with. Payments go direct from the customer to the retailer.

The payment amount is calculated by adding up all the product costs.

Posting a blog

The blog was designed so that only you or a small group of people will be able to post blogs after you give them this right.

If the user has admin rights, he will be able to see on the account page his posted blogs and edit/remove them or to add a blogpost by clicking on the “Add a post” button.

Things to note

API keys

This template uses Stripe plugin so make sure you connect your personal keys as described in the Payments section.

Database things

This template’s content is pulled directly from the database. There are few exceptions which were already described but still make sure you don’t delete an entire data thing unless you know what you are doing. However feel free to delete any content that was used for testing the template.

Admin page

For security purposes the template has limited rights for potential customers. What that means is that you will not be able to use the admin features at full until you will not buy this template and enable the editing features (delete or edit).

If you already bought the template you can enable the additional feature by following the steps below:

Under Data tab in the Editor, you could find the Data Type USER which has Type field of text type with Admin and Customer type set in respective field. When user is set Admin the Admin rights are enabled and user can edit and delete from Admin page, however if Customer type is set the Admin rights are disabled for user.

User thing, Type field

The workflow which shows different pop-up information regarding the security measure for when an User is Admin or not. These actions are placed inside Delete Actions folder, Edit Actions folder and Add Actions folder for structure convenience. See example of Delete actions below (for Add and Edit actions please find the respective folders inside editor):

User type is Admin workflow, Delete Action
User type is not Admin workflow, Delete Action

Demo to preview the template