Combine HTML site with Wordpress - wordpress

I have a website i coded alone with HTML, CSS, JS and JQuery, and I want to add service payment functionality (not e-shop with items, but give clients the ability to submit forms, pay on the website and receive the appropriate services online, so they don't have to come on-site. I want to use WordPress so I can use the woocommerce plugin, cause I'm feeling that's a safer option that coding something myself. How can i get my site and woocommerce working together without having to create the website again using plugins? I know that i can add code blocks, but that means I'll have to keep the title panel on top of the page, and I find that unappealing, and the plugins that exist for removing those aren't a great solution imo. can someone help?

Per my personal opinion, you can do this by simply installing wordpress and then a basic theme. then installing all you need for your woocommerce. then a link that goes to the woocommerce whenever it needs to go there. It is not really a big deal.
Eg a menu that says buy now with a link to woocommerce and predefined amount. so when the user clicks the buy now button, it goes to woocommerce to continue.
so your website will be in 2 parts. a part for information (Your HTML Site) and a place for interactions (Wordpress).
Some websites have similar instances where depending on what you are doing the theme changes.
I however will recommend you go through the pain of doing your whole site on wordpress or simply finding other options to integrate the payments you want to in your current design.
This is for a uniformed design and will make your users/clients feel more secured instead of feeling they are being moved through sites.

Related

woocommerce - add a new functionality to the theme along with its UI

I am new in wordpress world and i am planning to do a small store website, all the functionalities i need are already there in woocommerce, but there is this small functionality i need which is as below:
in the homepage i need to show 3 different services are served from the company and each service will have a button which will show a popup or redirect the user to another page.
the popup or the new page will ask the user to enter his information along with his mobile number so the company could contact him.
and i have chooses this theme https://themebeez.com/demos/?theme=orchid-store
and here is a picture of where exactly the change will be
So my question is what is the fastest way to do that, is there a plugin to do this for me, or i should make the actual functionality myself and edit the theme code also manually?
Thanks.
In the homepage i need to show 3 different services are served from
the company and each service will have a button which will show a
popup or redirect the user to another page.
Basically 3 buttons that got you to another page. That can be easily done with just editing the template. Look the support documentation to see if your theme can be edited by some page builder (mine uses Composer, etc) and just add the "buttons", if not you need to edit the template manually with some HTML. Nothing to complicated, it just HTML, not PHP or JS.
the popup or the new page will ask the user to enter his information
along with his mobile number so the company could contact him.
Blockquote
Please clarify, popup or a new page? If it is a new page, when you create the 3 buttons on the homepage, just connect that to a new page each (in the Admin Panel, New>>Page). That it is easy as just but the <a href> tag. But also, that's just how I would do it in a short time.
So my question is what is the fastest way to do that, is there a
plugin to do this for me, or i should make the actual functionality
myself and edit the theme code also manually?
Asking for plugins is offtopic in SO, also, where is going to go that data? In the database? or is going to be sent to some admin email? Please see the How to Ask
But I think there is exist a lost of plugins to help you with that. You just need some custom fields so Have you tried searching for some? I use one to get in contact with clients which may fulfill your requirements

Editable Settings in Custom WordPress Theme

I am trying to implement a simple one page -no blog- WordPress theme using a bootstrap template. I have an aside with three social links -facebook, twitter, Instagram- in the header.
I want to be able to make it so not only are these able to put truned on or off in by the user through the wp admin dashboard, but also the links to those sites able to be put in through said dashboard.
I am using udnerscores as a starter theme. How do I go about doing what I am looking to do?
This can be achieved using the Customizer API. That would be my recommendation. There is a lot of really good documentation on how to use that here. It also includes a whole bunch of sample code. Give that a look.

Make any Wordpress theme Single Page

I purchased a Wordpress theme on Themeforest. I thought it was Single Page ready, meaning I would have a scrollable webpage. How can I make this website a Single Page App?
I checked out the theme you provided, and it doesn't look like the one page scroll is a feature of the theme. There are couple things you can do:
Ask for a refund of the theme(difficult to do on Themeforest) and purchase a theme that includes that feature.
Contact the support team for the theme and see if they can help you. They typically respond within 24-48 hours.
Hire a developer that can integrate the one page scroll into the theme. This will be costly.

Shopify app integration theme issue

I am developing application for shopify, which replace login and register links to another links, creating a custom pages. For example when user click to login link? it is not redirect to login page, it is open a popap with login form. Also my app create custom pages. For example people page, where shows list of customers. And also a want to customize product page by adding a new fave button. In people page for each people shows count faves and last three faves product with images.
So my problems is theme layouts. Because each theme have self layout and css. I want to my app support all themes. How can i do it?
Sorry for my bad english. I just learning... ))
You have two options here, http://docs.shopify.com/api/tutorials/application-proxies and http://docs.shopify.com/api/scripttag.
App proxy sounds like the solution for your separate 'peoples' page.
If you want to assume that all themes have a log in link (which they all should but it's completely customizable so it's possible some don't), then you could always do something like this
$("a[href='/account/login']").click(funciont() {// show modal}); This isn't guaranteed to work in all themes but it probably will in most.

Wordpress Mobify mobile theme, CSS

I'm having a hard time with a wordpress mobile theme named mobify. I need the theme to display each of the posts in a mobile browser with full text and picture, but it only does that for the first 2 posts. Me being a web developer and not too familiar with Wordpress have looked at the html code and tracked the culprit down to the tag that's present in the first two posts and not in the rest. It's
<div class="entry">
I'm pretty sure I can find a way to hack this css class into the backend of the Wordpress script, but I'm asking the experts, what's the Wordpress way to modify the script so it's present in every subsequent post after?
Peter here -- I'm the Chief Architect at Mobify. The Wordpress plugin has been deprecated & discontinued for some time. We did indicate that in the plugin page -- but I realize there are still some blogs / sites that have direct links.
We still support Wordpress, and every content management platform. There's just no longer any need for a platform specific plugin -- we can support every platform using a simple HTML tag inserted into the page. Give us another look. Feel free to get in touch if you have further questions.

Resources