How to automatically load more data when users reaches at the bottom of the page of the wordpress site?

You can run an ajax request when user hits the bottom of the page

if($(window).scrollTop() == $(document).height() - $(window).height()){
//your ajax request

the link to ajax rquest
for how to add data
instead of loadmore button you can paste your ajax request in the if condition