Mautic: customizing front end

[zahedkamal87]

Hi, How can i customize front end? For example im trying to change the logo from Log in page and from Dashboard and so on.. But i dont see any files that contain HTML elements for the pages.

[escopecz]

Let me rephrase your question.

_How can I take this project you guys worked on so hard and make it look like I did it?_

Yes, you can do it, but you shouldn't expect the community to help you do so.

[zahedkamal87]

Well... Its kinda rude! I just wonder you talk this way to your all clients/customers!? Actually, i didnt go through all terms and condition or such documents. So, thought it's source is free and can be customized!

Im working for 1 of your customers, He was trying to get his own company's logo, which he thought can be changed like many other free applications.

[dbhurley]

Hi @zahedkamal87 - no one is trying to be intentionally rude! You're not a client or a customer though, so let's make sure we start with the right terminology - you're a member in a community, where we are all working together to produce insanely powerful free software. Your question does sound a bit like you want to take the work done by all of these volunteers and pretend you have created it. You may not have meant for it to sound that way, but that is how it came across.

To answer your question - yes, Mautic is free and the source code is free and open source. This means you are welcome to make any modifications you like. The idea would be that you would be wanting to make improvements to the code and submit those improvements back to the main repository where we are all working to improve the overall product for everyone.

Yes, you are free to remove the logo (copyrights in the code must remain), and you can do so by creating a different layout for the pages. There may not be many willing to help you accomplish this (for the reasons I've mentioned above) but you are welcome to look through the open source code and make the changes yourself!

I hope this has clarified things a bit and helps you understand why there have not been an overwhelming response to your initial request.

P.S. To get you started in the right direction - the graphic Mautic logo is a generated SVG rather than an image file. You'll want to look at the HTML for that layout as well as the accompanying CSS if you wish to make a change.

[that0n3guy]

I'd also like to comment that it is very common practice for web apps to allow company branding to be applied to the web app. Google apps (gmail), salesforce, microsoft dynamics, activecampaign, etc... (I could go on and on) allow the user to upload a company logo and even customize the colors of the frontend.

I'm not sure the OP was really looking to take credit, but simply add some company branding to the app so that it felt more cohesive for his employees throughout the company.

With everything said, maybe this should be a feature request. "To allow a custom logo and colors to be uploaded/applied" similar to many other web apps.
.

[dbhurley]

Fair point. Thanks for bringing up an alternative view. Maybe add it as a feature request as you suggest!

Thanks! :+1:

[zahedkamal87]

I'll just think and forget that, you thought me like yourself and so said above those things! I'll just rewrite my first message more clearly --

Hi,

I'm trying to customize the app on behalf of one of your customers.
He/She wanted to change the LOGO and add few extra elements and functionality.
I never remove any copyrights info and such things which tells the credits of developers behind the development of an app or plugins...

I wonder why you guys says this app an open source or free to use, but you talk rude after someone asked for support/info on JUST changing a LOGO!! I was just trying to save my times on going through all codes.

I'd never recommend Mautic to my clients in future, only cause of it's team's lack of good attitude.

Anyway, good luck with your app, and thanks for building this app!

[escopecz]

It seems I really upset you with my comment. That was not my intention. I apologize for that.

I'm trying to customize the app on behalf of one of your customers.

Definition of a customer:
"a person or organization that buys goods or services from a store or business."
I don't think he's our (whoever we are) customer, but he is your customer.

JUST changing a LOGO!!

Logo is the only thing an open source project owns. Changing it makes it a different project.

[luizeof]

since it is open source, you can change the source code to whatever you want. including changing colors, logos, design, etc. If you do not want to change the logo, remove from github and opensource seal.

[zahedkamal87]

Well, I've changed it way more then i wanted at first time. Its now look like completely new app with many other new modules/plugins. But after getting first response from Mautic support team, i dont really want to share/contribute my works here.

Anyway, I've solved everything i needed. So nobody need to waste time on here anymore :)

Thanks

[luizeof]

I want to change some colors and logo from mautic... If you Open source your plugin please share with us.

[vihuarar]

I agree with some comments above... I also want to change the logo, because the people who are going to use the app should get the same palette of colors that his company logo...

I always leave the footer with the credits for the app....

This guy escopecz is very rude.. I dont know why he build his app... I know he has copy write under the brand . but he has not right to be so rude with people...

Its a humble way to answer a question explaining to the people that dont know about the licence

is in the mautic website any paragraph where says that you cant change the logo?

[mubaraktt]

Thanks nickian for your great contribution.

[gurunathan055]

Thanks for the contribution..!

[kumar2112]

Hi guys i am new for mautic i have to do some changes in mautic. so i have change its logo and change some other stuff. i want to do it without touching the mautic bundles. i want to override the userbundle i have follow the instruction . applied the symfony coding standard

here is my code
/*******overriding the user bundle*

namespace Mautic\Conversia\UserBundle;

use Symfony\Component\HttpKernel\Bundle\Bundle;

class ConversiaUserBundle extends Bundle
{
//get the user bundle as parrent
public function getParent(){
//echo "sdfsdfsd";
return 'MauticUserBundle';
}
}

also did some other changes

but its not showing any effect in login page.
help me

[mubaraktt]

Hai, kumar

It now very easy to change mautic logo to your own logo, the mautic logo created as svg , make it your logo as svg.

[kumar2112]

i have do many more change
change the menu style backgroudn style
i have override the mauticuserbundle but its not showing any effect

[mubaraktt]

Hi kumar,

Pls look into your theme file,, change there itself and restart your webserver

[kumar2112]

no i have to change in mautic admin panel and its core view

[mubaraktt]

Okay, Please give your email ID I have send full edit detail section. Please try that too

[kumar2112]

here is the structure of my Conversia Customize Bundle it will use the MauticuserBundle and its view . i have follow the correct way but its not working.

[kumar2112]

ok its praveenkumar.[email protected]

[mubaraktt]

Hi, praveen kumar

Tell me your designation and job role there , your a UI/UX developer?

[kumar2112]

Thanx for you mail Mubarak Shan .But its i dont want to change in file . i have create a Bundle named with UserBundle which is located in Conversia folder you can cheche the directory structure image above . this bundle will override the MauticUserBundle .

[kumar2112]

My Designation is application developer

[mubaraktt]

Praveen,

Mautic is purely open source software as you already knew that, you can change everything what you want, concentrate your work and keep going hard. If you have any doubts regarding email marketing please feel free to contact me.

[kumar2112]

thanx Mubarak Khan

[derekcavaliero]

I think making the logo changeable through the system configuration settings might be a nice feature to add - allow me to explain.

It has nothing to do with trying to take credit for creating a project by removing it's branding. For me, changing out the branding for a company inside their MA system is almost needed. I work at an agency where I may be inside 3-4 HubSpot, Marketo, Mautic installs at a time. Without some type of visual indicator (such as the clients logo) persistently on the interface - you can easily make changes to the wrong account without knowing.

Similar to how WordPress shows the title of the site in the admin bar at the top of the page. The only way (currently) to make sure you are working in the proper Mautic installation is by looking at the browser URL bar to make sure it is the correct client Mautic install.

*My suggestion: * if a custom brand overrides the default Mautic brand, you could move the default Mautic brand down below the left-hand navigation. If we can't do a custom brand upload - even persistently placing the company name of the install would be incredibly helpful.

Just my 2-cents.

[kumar2112]

Thanx Mubarak.but I have change the logo without changing any core
files.its working now .thanx for your courage and help

On Jan 20, 2017 6:53 PM, "Derek Cavaliero" [e-mail] wrote:

I think making the logo changeable through the system configuration
settings might be a nice feature to add - allow me to explain.

It has nothing to do with trying to take credit for creating a project by
removing it's branding. For me, changing out the branding for a company
inside their MA system is almost needed. I work at an agency where I may be
inside 3-4 HubSpot, Marketo, Mautic installs at a time. Without some type
of visual indicator (such as the clients logo) persistently on the
interface - you can easily make changes to the wrong account without
knowing.

Similar to how WordPress shows the title of the site in the admin bar at
the top of the page. The only way (currently) to make sure you are working
in the proper Mautic installation is by looking at the browser URL bar to
make sure it is the correct client Mautic install.

*My suggestion: * if a custom brand overrides the default Mautic brand,
you could move the default Mautic brand down below the left-hand
navigation. If we can't do a custom brand upload - even persistently
placing the company name of the install would be incredibly helpful.

Just my 2-cents.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/mautic/mautic/issues/951#issuecomment-274070948, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AL5J04wZHVIoMjW6fv2T34qEWK4QVp82ks5rULVGgaJpZM4GEX6N
.

[spatialy]

Hi @kumar2112, we have a client that always losse their logo on every Mautic update, can you share your customization bundled with the community?

[kumar2112]

You can change the logo by two way by overriding the corebundles or user
bundles or by changing the core files

On Jan 20, 2017 9:56 PM, "spatialy" [e-mail] wrote:

Hi @kumar2112 https://github.com/kumar2112, we have a client that
always losse their logo on every Mautic update, can you share your
customization bundled with the community?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mautic/mautic/issues/951#issuecomment-274114633, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AL5J0-KVtEh6EJp4oLBx38T-JpkG6aL1ks5rUOAagaJpZM4GEX6N
.

[spatialy]

Hi @kumar2112, we are not developers, we always change the core files, can you send me a message at [email protected] to discuss if you can help us?

[kumar2112]

Connect me on skype@ sr.pkumar22

On Jan 20, 2017 10:47 PM, "spatialy" [e-mail] wrote:

Hi @kumar2112 https://github.com/kumar2112, we are not developers, we
always change the core files, can you send me a message at [email protected]
to discuss if you can help us?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mautic/mautic/issues/951#issuecomment-274127279, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AL5J0yP2kUHqUkik-vBFQ7jKvxJq0wAlks5rUOwfgaJpZM4GEX6N
.

[nickian]

I will look into writing a script that will help automate the whitelabeling process. Whitelabeling can be done now, but it's a bit tedious and has to be re-done every time you update. I'll post here if my solution works.

[spatialy]

Hi @kumar2112, added

Hi @nickian I appreciate if you share here your findings with the community, if you ever need some beta tester just contact me

Best

[Julius2Excel]

Hi everybody,

I hope somebody can help me, I've been trying to remove the "Mautic" word from the page title, and have been successful for every case except when you click on one of the links in the left-hand panel.
Is there a file somewhere I need to edit to remove this final word?

Also @nickian, how is the script going? Anything I can do to help?

thanks

[kumar2112]

Yes you can do it in core Bundle

On Tue, Feb 7, 2017 at 8:44 AM, Julius2Excel [e-mail]
wrote:

Hi everybody,

I hope somebody can help me, I've been trying to remove the "Mautic" word
from the page title, and have been successful for every case except when
you click on one of the links in the left-hand panel.
Is there a file somewhere I need to edit to remove this final word?

Also @nickian https://github.com/nickian, how is the script going?
Anything I can do to help?

thanks

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mautic/mautic/issues/951#issuecomment-277889348, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AL5J07VEKIIRFXA03BFq-ijksHXwmrtyks5rZ-GGgaJpZM4GEX6N
.

--
Thanx
Best Regard From
Kumar Praveen
Comenzar it solution and pvt ltd
[phone]
[phone]

[Julius2Excel]

@kumar2112 , do you know which file controls the clicking of the buttons in the left panel?

[kumar2112]

Julius2Excel

open Core Bundle go to views in views open default folder there will be
file named head.php.html.edit that file

On Tue, Feb 7, 2017 at 9:48 AM, Julius2Excel [e-mail]
wrote:

@kumar2112 https://github.com/kumar2112 , do you know which file
controls the clicking of the buttons in the left panel?

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/mautic/mautic/issues/951#issuecomment-277897313, or mute
the thread
https://github.com/notifications/unsubscribe-auth/AL5J04K-530V-ay9Puf0KXT4AKr2Th0oks5rZ_CTgaJpZM4GEX6N
.

--
Thanx
Best Regard From
Kumar Praveen
Comenzar it solution and pvt ltd
[phone]
[phone]

[zahedkamal87]

After i created this issue. Later, I was able to change the branding to my client's brand. Though i didn't remove any Mautic's credit inside the codes. Plus, i didn't sell that product. It's my client who told me to work on Mautic.

Here is the instructions how i changed the brand. Hope that helps other too.

1) "To remove Footer from Dashboard (Copy rights Mautic), open base.html.php from here - /var/www/html/app/bundles/CoreBundle/Views/Default
--- Disable or Remove line 42-47"

2) "To change page title (From Mautic to Your Brand) on Dashboard (2), open head.html.php from here - /var/www/html/app/bundles/CoreBundle/Views/Default
---- Replace the 'Mautic' by 'Your Brand' on line 12"

3) "To change Favicon on Dashboard, open head.html.php from here - /var/www/html/app/bundles/CoreBundle/Views/Default
---- Replace the Favicon by the desired icon file/image name on line 14, 15 and 16"

4) "To change logo (from Mautic to Your Brand) on Dashboard, open and look in index.html.php from here - /var/www/html/app/bundles/CoreBundle/Views/LeftPanel

5) "To changs of 403, 404, 500 Error's Bot icon and texts, open base.html.php from here - /var/www/html/app/bundles/CoreBundle/Views/Error
---- In line 31 replace Mautibot by Your Brand
---- In line-34 change the href value to this - http://www.yoursite.com/report-issue"

6) "To changs of 403, 404, 500 Exception's Bot icon and texts, open base.html.php from here - /var/www/html/app/bundles/CoreBundle/Views/Error
---- Replace line-37 by this - getUrl('media/images/logo.png') ?>"" alt="Logo"/>
---- In line 42 replace Mautibot by Your Brand
---- In line-45 change the href value to this - http://www.yoursite.com/report-issue"

7) "To change Login Form Title, Favicon, Logo (Mautic to Your Brand) and Footer, open base.html.php from here - /var/www/html/app/bundles/UserBundle/Views/Security
---- Change 'Mautic' to 'Your Brand' in line - 15
---- Replace line-17 and 18 by this - getUrl('media/images/logo.png') ?>"" />
getUrl('media/images/logo.png') ?>"" />
---- Replace line-30 to 39 by this - getUrl('media/images/logo.png') ?>"" class=""login-page-logo"" alt="Your Brand"/>
---- After applying the above changes. Remove line-42 to 46 to remove Copyright Mautic from the login page. Or look for the below code and delete them ---

8) "To change the Mauticbot icon from Notifications/Message, open noresults.html.php from here - /app/bundles/CoreBundle/Views/Helper
---- Replace line - 12 by this -
getUrl('media/images/touchbaseicon-Light.png') ?>"" alt="Your Brand"/>"

9) "To change 'Mautic' from Password Reset email subject, open message.ini from here - /app/bundles/UserBundle/Translations/en_US/messages.ini
---- Replace ""Mautic"" by "Your Brand" in line-57"

Note that i copied these from a excel file. So u might see some extra double quotation marks. But if u understand what i said, that wont be any issue.

[Julius2Excel]

Hi, I'm not sure you understand my problem. I have followed all the instructions above, and when I log in, the page title appears like this:

However, if I click the dashboard button on the left sidebar, it appears like this:

This must be controlled by somewhere else in the app bundle system.
unless I have done something wrong in the head.html.php file?

Thanks
Julius
2Excel

[nickian]

@Julius2Excel The page title is updated in the javascript as well.

If you're using < 2.6, it should be line 1510 and 1513 in:

/app/bundles/CoreBundle/Assets/js/1.core.js

or if you're on 2.6 it is on line 113 and 116 in:

/app/bundles/CoreBundle/Assets/js/1a.content.js

After updating those files, you have to regenerate mautic's assets with the command line console.

php /pathtomautic/app/console mautic:assets:generate

I will release my whitelabeling script this week that will automate this whole process. I'll post a link to the repository once it's up.

[amitkumarji]

as I think people shouldn't change the logo. By changing logo you will disrespect the admin and Mautic itself.

[nickian]

@amitkumarji that seems silly. If the developers wanted credit so bad, they would have (or should have) released it under a different license that requires attribution.

My clients don't care who authored the software. They want it to be theirs (although I still tell them it's a platform called Mautic and sell it as managed Mautic hosting and marketing services. Basically the same thing I would do with Wordpress.

Developers and providers like us are the ones who care about who makes it. And hopefully we can show our appreciation and respect by contributing to the project and community in one way or another.

[nickian]

On that note, now it's super easy to whitelabel Mautic with this web app I created to streamline this process: https://github.com/nickian/mautic-whitelabeler

[npracht]

Hi @nickian why don't you make a PR with it? I think it's a great work.

[nickian]

Thanks @npracht. I would, but this is kind of a hack approach. I should really create a Mautic plugin out of this, or add it into the core config. This would be a bigger undertaking for me though, since I'm not very familiar with Symfony yet and the app architecture in general. Maybe I will dig into that and try doing that next though. I just wanted to release something quick and dirty that would get the job done in the mean time.

[npracht]

Hi,

I think if you make a PR, core members can help you to think about the right approach.

Le 3 mars 2017 à 22:35, Nick Thompson [e-mail] a écrit :

Thanks @npracht. I would, but this is kind of a hack approach. I should really create a Mautic plugin out of this, or add it into the core config. This would be a bigger undertaking for me though, since I'm not very familiar with Symfony yet and the app architecture in general. Maybe I will dig into that and try doing that next though. I just wanted to release something quick and dirty that would get the job done in the mean time.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub, or mute the thread.

[DigitalDirector]

@nickian what URL is expected .. Mautic installation not found at this URL. I have changed the php.ini file as well ...

[nickian]

@DigitalDirector it's looking for the URL of your Mautic installation (the root directory). Please use this thread: https://github.com/nickian/mautic-whitelabeler/issues/1

[msource1]

@nickian - I would like to thank you for this contribution. In my view, this is a leap forward for this project. I am quite sure this would increase adoption of Mautic, which in turn should translate into sponsorship and validation of the platform, along with further contributions.

@zahedkamal87 - I would also like to thank you for initiating this thread. The initial response was - in my view at least - short sighted. Branding and credit are two different things, and although there may always be those who abuse the concept, in the end it will only play in the long term success of Mautic.

[mubaraktt]

How to add Feedback loop mailbox for mautic, I can add Bounce, Unsubscribe. but not for feedback loop mail. Any suggestions please ?

[khaoua]

@nickian - sharing much appreciated, very cool from you Nick. Do you have a kind of detailed procedure to apply this app? Installation / Usage instructions are pretty confusing for me, it's not you, it's me that is not yet up to speed with this process

it would help to know which file/field need to be updated, if you have screen shots, even better, I'll let you my email address if required

Thanks a lot for this big contribution

[khaoua]

@nickian -it seems I'm not that lost with this, you can ignore the previous post, I could manage to use it with your instructions, it works well, very nice contribution, thanks again for this valuable sharing

[nickian]

@khaoua ok, glad to hear. I might do a screenshare/youtube video showing how to use it with the next update. I also want to add the ability to change the sidebar color.

[khaoua]

looks great, I had the sidebar color in mind, but thought it was unpolite to ask ;-), considering the amount of work you did and shared, that will be very valuable as customization and friendly layout will be much considered by users or clients

[khaoua]

if as well, you have in mind, the widget colors to be controlled and changed through the same kind of panel you did, pretty sure it could help, it can be an idea for further layout flexibility ;-)

[srigna]

Dear Nickian,

tried all options that you have provided as common issues, but unable to get through the error - Common Issues. I get the error Mautic installation not found at this URL.

I extracted the master.zip in the same folder where LICENSE.txt is existing.

I can see the LICENSE.txt from my browser. What I cannot succeed is sudo a2enmod rewrite. It says command not found.
I am working on aws ec2
where am i going wrong?

Any help offered would be greatly appreciated.

thanks in advance.

[YosuCadilla]

Hey @nickian did you have time to make the video tut? If not I might be able to help.

[RenerBR]

Alguém conseguiu fazer algum vídeo explicativo ?

[rh-rolustech]

Is there a way to customize app/bundles/CoreBundle/Views/Default/base.html.php through the package?

[rh-rolustech]

UPDATE

I created a whitelabeling script you can use: https://github.com/nickian/mautic-whitelabeler

I recently discovered Mautic and I think it's outstanding so far. Really amazing job by the developers! They certainly deserve all the street cred they can get for developing this. I hope I can contribute somehow.

Customizing the logo is a common practice. I'm surprised this option can't be found in the configuration UI, considering how feature-rich this app is. I don't see it as some sort of intellectual property faux pas to put a client's logo on the platform. A custom logo may be desired to represent _the data_ found within the platform, which belongs solely to the client.

Juxtapose the case above with what _would_ be a deceptive practice: Someone slaps their software development company's logo on the platform, claims they built it, and sells it to agencies. That wouldn't be cool.

That being said, here's where you can modify the branding:

Top left logo:

• Open /app/bundles/CoreBundle/Views/LeftPanel/index.html.php
• Replace the SVG inside of the tag with your own image.

Login:

• Open /app/bundles/UserBundle/Views/Security/base.html.php
• Repace the SVG with your own image.

@nickian
Is it the correct way to make changes in the CoreBundle files?

[D1XII]

UPDATE

I created a whitelabeling script you can use: https://github.com/nickian/mautic-whitelabeler

Hey @nickian, I'm super late to the party, but can you help me? The whitelabeler button keeps shooting back an error:

Waiting for input ...
OK
Looking for compatible Mautic installation ...
FOUND
Updating CSS colors ...
ERROR: undefined:

Every time I hit the whitelabler button more undefineds show up (undefined: undefined: undefined: undefined: undefined).

Anything I can do to fix this? Really love your work, and will buy you a few coffees. Thanks, man.

[nickian]

Please join this chat for support: https://creatv.link/eti4p or post in issues for the whitelabeler instead of here.